Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在打开对话框时禁用页面滚动?_Javascript_Jquery_Css_Dialog - Fatal编程技术网

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

Javascript 如何在打开对话框时禁用页面滚动?,javascript,jquery,css,dialog,Javascript,Jquery,Css,Dialog,jquery对话框在响应.hover()命令时打开,在离开hover时关闭(当然需要两个函数),我遇到了很大的问题 当对话框在页面外稍微打开时,整个页面向上滚动;我想禁用此功能,但我不知道如何禁用 我试过: 使用event.preventDefault() 将ui对话框css作为'position:relative' 将滚动条设置回原来的位置(但这看起来很糟糕) 还有其他想法吗 编辑:以下是JSFIDLE中的代码:确保弹出窗口的位置固定,然后将主体设置为overflow:HINDED 当对话框关

jquery对话框在响应
.hover()
命令时打开,在离开hover时关闭(当然需要两个函数),我遇到了很大的问题

当对话框在页面外稍微打开时,整个页面向上滚动;我想禁用此功能,但我不知道如何禁用

我试过:

  • 使用
    event.preventDefault()
  • ui对话框
    css作为
    'position:relative'
  • 将滚动条设置回原来的位置(但这看起来很糟糕)
  • 还有其他想法吗


    编辑:以下是JSFIDLE中的代码:

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


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

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


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

    使用代替对话框代码在哪里?在jsfiddle.net上补足,这样我们就可以看到了。你的jsfiddle缺少html/css,无法测试。必须单击更新并给我们新的链接:P应该像你更新时一样。我和imdad在一起。可能需要查看工具提示,而不是对话框。使用而不是对话框代码在哪里?在jsfiddle.net上补足,这样我们就可以看到了。你的jsfiddle缺少html/css,无法测试。必须单击更新并给我们新的链接:P应该像你更新时一样。我和imdad在一起。可能需要查看工具提示,而不是对话框。