javascript - 禁用（不隐藏）浏览器滚动条

Question

我有一个弹出式灯箱，需要使用 javascript 在页面中打开。打开弹出窗口时，我需要禁用浏览器的滚动条，但它应该是可见的。我尝试了以下代码

$('body').css({'position' : 'fixed' ,'overflow-y':'scroll','width':'100%'});

此代码将禁用滚动条，但它会使页面跳转到顶部，因为弹出窗口在页面的垂直中心打开，这是一个严重的 UI 问题。

还修复了在 IE6 中可能无法正常工作

Answer 1

您可以使用某种具有透明度的蒙版效果，这样如果弹出窗口出现，浏览器将被禁用，用户无法对其执行任何操作。