使用鼠标中键滚动按钮禁用浏览器滚动

发布于 2024-08-27 23:54:46 字数 123 浏览 11 评论 0原文

我的页面上有一个 Flash 元素,您可以使用鼠标中滚轮与其进行交互。页面很长。因此,当使用鼠标滚轮滚动时,它会与 Flash 元素交互并滚动浏览器窗口。

有没有办法在 Flash 元素处于活动状态时禁用浏览器滚动?

I have a flash element on my page that you interact with by using the middle mouse scroll wheel. The page is long. So when scrolling with the mouse wheel it interacts with the Flash element AND scrolls the browser window.

Is there a way to disable browser scrolling while the Flash element is active?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

甜`诱少女 2024-09-03 23:54:46
<!-- disables browser mouse scrolling -->
<script type="text/javascript">
if(window.addEventListener){
    window.addEventListener('DOMMouseScroll',wheel,false);
}

function wheel(event)
{
    event.preventDefault();
    event.returnValue=false;
}
window.onmousewheel=document.onmousewheel=wheel;
</script>

我已经从 Flash MouseWheelTrap 中“提取”了这个函数,可以在这里找到:
http://code.google.com/p/mousewheeltrap/

<!-- disables browser mouse scrolling -->
<script type="text/javascript">
if(window.addEventListener){
    window.addEventListener('DOMMouseScroll',wheel,false);
}

function wheel(event)
{
    event.preventDefault();
    event.returnValue=false;
}
window.onmousewheel=document.onmousewheel=wheel;
</script>

I have "extracted" this function from the Flash MouseWheelTrap which can be found here:
http://code.google.com/p/mousewheeltrap/

青瓷清茶倾城歌 2024-09-03 23:54:46

您可以使用:

document.body.style.overflow=allowScroll?"":"hidden";

其中allowScroll 是一个布尔值。

You can use:

document.body.style.overflow=allowScroll?"":"hidden";

Where allowScroll is a boolean.

眼睛会笑 2024-09-03 23:54:46
window.onscroll = function() {
    document.body.scrollTop = 0;
}
window.onscroll = function() {
    document.body.scrollTop = 0;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文