如何禁用水平滚动？ （不移除水平滚动条）

Question

我正在制作一个网站，并以一种特殊的方式设计它，它具有非常宽的 div（绝对位置），其中包含每个菜单按钮的所有内容。

其中一些 div 的内容比其他 div 多，所以有一个垂直滚动条 - （我很好） - 我禁用了水平滚动条，但是！随着技术的发展，一些邪恶的公司为电脑鼠标发明了水平滚动功能，智能手机用户可以横向滑动它。

这个鼠标功能并没有真正破坏我的设计理念，但是如果可以禁用使用任何按钮/鼠标/等进行水平滚动的功能，那将是非常棒的。可以用 CSS/Javascript/HTML 来完成吗？

谢谢。

Answer 1

我想说最好的答案是改变你的方法。
浏览器“可能”允许这种事情 - 并且会随之而来 - 这就是他们不允许的原因。

用不同的方法重新设计你的布局。

Answer 2

它看起来像一个奇怪的网站，如果没有看到它，人们可能会难以推荐。

似乎修复它的正确方法是确保没有任何东西超出屏幕边缘。如果您不希望某些东西可见，请将其隐藏（例如，display: none） - 而不是试图将其从屏幕边缘移开。

我想，其他任何事情都是令人讨厌的黑客行为。您可以尝试通过观察“滚动”事件并每次重置滚动位置来有效地禁用滚动，但这样做是错误的。

如果屏幕右侧或底部有内容，浏览器会希望让人们滚动到它。

但同样，没有看到该网站，我感觉这里是黑暗的。不知道你在解决什么问题。