Question

在我的项目中，我有一个对话窗口，当用户点击链接

时，该窗口会被拖欠

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

然后窗口出现它运行javascript函数flashnotice()并且在此函数中我需要阻止鼠标滚动，当用户关闭此窗口（用户点击图像）鼠标滚动释放时，我更喜欢在jquery上监听此图像当点击运行新的javascript函数，释放鼠标滚动。

Answer 1

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

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

Answer 2

实际上你无法锁定滚动，你可以使用CSS fixed / absolute positioning feature来修复元素的位置。

Answer 3

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

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

如何在php / html / javascript上锁定/解锁鼠标滚动？

3 个答案: