javascript - 如何获得 jQuery 模态覆盖而不插入滚动条?

标签 javascript jquery css modal-dialog

我正在使用 Vex.js在一个正常工作的网页上有一个模态对话框。它使用 jQuery,它正在工作,但有一件事真的让我很恼火。如果它在一个足够长的页面上有一个滚动条,当弹出对话框时它会将滚动条推到右边,当它退出时一切都会向左猛拉。 ^^单击我链接的页面上的按钮,您会明白我的意思。我看了this站点,它还有一个模态对话框(单击图像底部的小分享按钮),当它弹出时,叠加层似乎位于滚动条下方,并没有打乱东西。我假设他们也在使用 jQuery,因为这似乎是标准(我自己不太热衷于 HTML5 实现)。他们是如何做到这一点的?我用开发工具检查了它,并尽我微薄的能力在 css 中找不到任何这样做的属性。

谢谢。

最佳答案

使用 CSS:

body.vex-open {
    overflow: visible !important;
 }

关于javascript - 如何获得 jQuery 模态覆盖而不插入滚动条?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22033759/

相关文章:

html - 如何控制工具提示在谷歌图表上的行为

html - CSS 未与 HTML 链接

javascript - ASP.NET 表单不提交

javascript - Highstock 滚动条未覆盖多个系列的整个长度

javascript - 将光标移动到 contentEditable DIV 中的占位符元素

css - 将满足的 div 内的 div 扩展到全宽

javascript - Angular : Ng-show only while off Input Field in Form

javascript - 诊断 href 值被定向到另一个值

jquery - 从子域到主域的 $.post 调用不起作用

javascript - 查找特定类型的输入框及其值