我想知道是否有可能在页面上禁用滚动条而不是隐藏它?当我打开模态对话框时,我希望它仍然保留在页面上,但不希望用户能够滚动主页面。因此,完美的功能应该是:
短页面 - 没有滚动条;
长页面 - 出现滚动条;
打开长页面模态对话框 - 滚动条仍然存在,但无法使用。
我想知道是否有可能在页面上禁用滚动条而不是隐藏它?当我打开模态对话框时,我希望它仍然保留在页面上,但不希望用户能够滚动主页面。因此,完美的功能应该是:
短页面 - 没有滚动条;
长页面 - 出现滚动条;
打开长页面模态对话框 - 滚动条仍然存在,但无法使用。
当你有一个模态框时,可以通过调整window
的onscroll
来进行操作。
示例:http://jsfiddle.net/maniator/DmmEv/
代码:
var scrollX = window.scrollX, scrollY = window.scrollY;
window.onscroll = function(e){
scroll(scrollX,scrollY)
}
实例:
点击“Click Me”后,滚动条将保持在原位
演示地址: http://jsfiddle.net/maniator/DmmEv/6/
或许尝试一下:
<body style="overflow: scroll;">
Hello
<body>