Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何锁定滚动条并使其可见_Javascript_Css_Scrollbar - Fatal编程技术网

Javascript 如何锁定滚动条并使其可见

Javascript 如何锁定滚动条并使其可见,javascript,css,scrollbar,Javascript,Css,Scrollbar,我有一个对话框出现时,用户点击任何单位 如果视口高度大于550px,我要做的是锁定滚动条。现在我将overflow:hidden应用于body,但这会在滚动条隐藏时导致站点跳转。我想禁用滚动,但仍显示滚动条。可能吗 提前谢谢 您可以通过检测滚动条并滚动回上一个位置来模拟滚动条锁定。。(这在某些浏览器上可能会出现抖动,尤其是当您拖动滚动条本身时) 用法: var locker = lockScroll(); // locks scrolling 完成后,可以重新启用滚动 locker.stop(

我有一个对话框出现时,用户点击任何单位

如果视口高度大于550px,我要做的是锁定滚动条。现在我将
overflow:hidden
应用于body,但这会在滚动条隐藏时导致站点跳转。我想禁用滚动,但仍显示滚动条。可能吗


提前谢谢

您可以通过检测滚动条并滚动回上一个位置来模拟滚动条锁定。。(这在某些浏览器上可能会出现抖动,尤其是当您拖动滚动条本身时)

用法:

var locker = lockScroll(); // locks scrolling
完成后,可以重新启用滚动

locker.stop();  // unlocks scrolling

谢谢-这对我有帮助。但有一个小错误使它无法使用。您在窗口后忘记了一个“;”。addEventListener(“滚动”,锁定,错误)。。在那之后它工作得很好。(不要在return子句中加一个;,这会以某种方式使它再次中断。这是肯定的。
locker.stop();  // unlocks scrolling