javascript - 禁用(不隐藏)浏览器滚动条

Question

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

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

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

也修复了在 IE6 下可能不工作

Answer 1

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