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

Question

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

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

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

同样修复可能无法在IE6中使用

Answer 1

你可以使用一些具有透明度的蒙版效果，这样如果弹出窗口被禁用，用户就无法对其进行任何操作。