javascript – 当overflow-x被隐藏时,是否可以防止水平滚动?

前端之家收集整理的这篇文章主要介绍了javascript – 当overflow-x被隐藏时,是否可以防止水平滚动?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个网页,其内容超出了浏览器窗口的右边缘.我设置overflow-x:hidden on< body>关闭底部滚动条,但我仍然可以使用触控板水平滚动,这不是我想要的.

有没有办法阻止浏览器水平滚动?

作为旁注:Safari 4.0.4有时仅水平滚动,滚动感觉“粘性”和“跳跃”,而Firefox总是平滑地水平滚动.

解决方法

我认为真正的问题是,为什么你的内容超出了预期的页面大小?这个内容是否是您不希望用户真正看到的内容?在这种情况下,将它放在某处的div中并将其显示为none.这样可以完全避免溢出问题.

如果有一个合法的原因,你希望它溢出容器,然后显式设置容器的大小,然后overflow-x隐藏.我没有测试过,但这应该可以防止当前的行为.如果没有,请尝试使用div而不是body标签.浏览器可能会表现得很奇怪,因为它正在处理body标签本身.

原文链接:https://www.f2er.com/js/156721.html

猜你在找的JavaScript相关文章