禁用(而不是隐藏）浏览器滚动条

Disable (not hide) browser scrollbar

本文关键字：浏览器滚动条隐藏禁用更新时间：2023-09-26

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

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

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

也已修复可能在IE6 中不工作

您可以使用一些具有透明度的遮罩效果，这样，如果弹出窗口出现，浏览器将被禁用，用户无法对此执行任何操作。