Question

我想知道是否可以禁用滚动条而不是将其隐藏在页面上？当我打开模态对话框时，我希望它保留在页面上，我只是不希望用户能够滚动主页面。所以完美的功能将是：

短页 - 根本没有滚动条;

长页面 - 滚动条出现;

打开长页面模态对话框 - 滚动条仍然存在，但无法使用。

Answer 1

当你有一个模态时，你可以玩onscroll window

代码：

var scrollX = window.scrollX, scrollY = window.scrollY;
window.onscroll = function(e){
    scroll(scrollX,scrollY)
}

真实示例：
点击Click Me后，滚动条将保持不变小提琴：http://jsfiddle.net/maniator/DmmEv/6/

Answer 2

也许试试：

<body style="overflow: scroll;">
Hello
<body>