gpt4 book ai didi

jquery - 当绝对定位的元素(部分)离开屏幕时,如何防止鼠标拖动时屏幕滚动?

转载 作者:太空狗 更新时间:2023-10-29 14:49:26 27 4
gpt4 key购买 nike

我不希望我的网页滚动。我有一个 <body>宽度 100%,我设置它的 overflowhidden , 它通常有效。没有滚动条,没有鼠标滚轮/触摸板手势滚动。但是,如果我在任何地方单击并拖动,我仍然可以滚动。

糟糕的是,我有一个绝对定位的 div,因此它会粘在其父项之外,部分(有时甚至完全)超出屏幕。由于一些原因,我现在无法解决这个问题。

这个 fiddle 说明了我的问题(我在 webkit 中看到它),http://jsfiddle.net/ax5x7/2/

在 HTML 中向右拖动几乎任何地方都会导致页面滑动。因为没有滚动条,所以返回很棘手,所以如果你错误地这样做,它看起来很糟糕。

在这里闲逛发现一个与 jQuery 的弃用 disableSelection() 有关的建议,但除非我做错了(我将它应用于 body 以及所有 child ),否则它似乎并不能阻止这种行为。我还发现了一个几年前似乎没有令人满意的解决方案的问题。创可贴有点笨拙,我宁愿不按间隔滚动到 (0,0)。

最佳答案

这会起作用,并且不会禁用文本选择:

$(document).on('scroll', function() {
$(document).scrollLeft(0);
});

如果您想禁用向下滚动,您可以添加 $(document).scrollTop(0);

这是一个 jsFiddle

关于jquery - 当绝对定位的元素(部分)离开屏幕时,如何防止鼠标拖动时屏幕滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16783014/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com