【问题标题】:How to disable page scroll when opening dialog box?打开对话框时如何禁用页面滚动?
【发布时间】:2012-05-22 18:09:03
【问题描述】:

我在响应 .hover() 命令时打开并在离开悬停时关闭的 jquery 对话框遇到了很大问题(这当然需要两个功能)。

当对话框打开一点点离开页面时,整个页面向上滚动;我想禁用它,但我不知道怎么做。

我试过了:

  1. 使用event.preventDefault()
  2. ui-dialog css 设置为'position: relative'
  3. 将滚动条设置回原来的位置(但这看起来很糟糕)

还有其他想法吗?

编辑:这是 jsfiddle 中的代码:http://jsfiddle.net/TzUf3/1

【问题讨论】:

标签: javascript jquery css dialog


【解决方案1】:

确保弹出窗口的位置固定,然后将正文设置为溢出:隐藏;

当对话关闭时移除溢出属性。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-11-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多