如何在 PHP/html/Javascript 上锁定/解锁鼠标滚动？答案

【问题标题】：How lock/unlock mouse scroll on PHP/html/Javascript?如何在 PHP/html/Javascript 上锁定/解锁鼠标滚动？
【发布时间】：2020-04-14 23:28:49
【问题描述】：

在我的项目中，我有一个对话框窗口，当用户点击链接时会出现延迟

<a href="javascript:;" onclick="flashnotice()" >Dialog window</a>

然后窗口出现，它运行 Javascript 函数flashnotice()，在这个函数中我需要阻止鼠标滚动，当用户关闭这个窗口（用户点击图像）鼠标滚动释放时，我更喜欢在 jQuery 上听这个图像，什么时候单击运行释放鼠标滚动的新 Javascript 函数。

【问题讨论】：

标签： javascript jquery html scroll jquery-events

【解决方案1】：

您可以在框出现时在body 标签上设置style="overflow:hidden"。它将锁定鼠标滚动或在框上使用position:fixed。

“冻结”页面的最佳方法是在页面和您的框之间制作透明或半透明框（100% 宽度，100% 高度）并将position:fixed 设置为您的框。这就是 Lightbox/Fancybox 的工作方式。

【讨论】：

【解决方案2】：

实际上你不能锁定滚动，你可以使用 CSS fixed/absolute positioning feature 来固定你元素的位置。

【讨论】：

【解决方案3】：

我认为可以使用如下脚本：

function kill(event)
{
    event.preventDefault();
    event.stopPropagation();
    return false;
}
$(document).bind('scroll', kill); // Lock Wheel
$(document).unbind('scroll'); // Unlock Wheel

【讨论】：