打开对话框时如何禁用页面滚动?

时间:2012-05-22 18:09:03

标签: javascript jquery css dialog

我在响应.hover()命令时打开的jquery对话框出现重大问题,并在离开悬停时关闭(当然需要两个函数)。

当对话框从页面中稍微打开时,整个页面会向上滚动;我想禁用它,但我无法弄清楚如何。

我试过了:

  1. 使用event.preventDefault()
  2. ui-dialog css设为'position: relative'
  3. 将滚动条设置回原位(但这看起来很糟糕)
  4. 还有其他想法吗?

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

1 个答案:

答案 0 :(得分:0)

确保弹出窗口的位置固定,然后将主体设置为overflow:hidden;

关闭对话框后,删除溢出属性。