当存在滚动条时,jQuery UI 模式对话框背景不会使页面背景底部变暗

标签 jquery jquery-ui jquery-ui-dialog

我在 上有一个 jQuery UI 模式对话框http://www.citizenshipworks.org/当您单击“输入您的手机号码以接收短信提醒”右侧的“前往”按钮时,会出现该信息。 (您可以将文本输入字段留空)。

问题是,如果您的视口(viewport)有滚动条并且您不在页面顶部,则背景只会使您在页面顶部时可见的部分变暗。这似乎发生在所有浏览器上。提前致谢!

最佳答案

只需将 .ui-widget-overlay 的 CSS 位置设置为固定:

.ui-widget-overlay{position:fixed}

关于当存在滚动条时,jQuery UI 模式对话框背景不会使页面背景底部变暗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16547898/

相关文章:

javascript - 下拉子菜单选择

javascript - 获取所选选项 Select2 的单个值

javascript - fadeIn 使用 $(document).ready( ) 导致明显的滞后

javascript - 将我的代码分解成 fiddle 没有出现

database - jquery ui 自动完成数据库

jquery-ui - jQuery UI 对话框 : clicking on the title bar (including close button) makes the whole dialog scroll up

jquery - IE6 - jQuery UI 对话框 - 通过覆盖显示的元素

javascript - jquery 检查输入文本是否为空不起作用

javascript - 如何使用插件方法创建 Jquery 插件并保持可链接性?

javascript - jQuery UI 对话框仅在第一次调用时有效