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

Question

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

有些故事比其他人有更多的内容，所以有一个垂直的滚动条 - （并且我很好） - 我禁用了水平的，但是！随着技术向前推进，一些邪恶的公司发明了计算机鼠标的水平滚动功能，而智能手机用户可以横向扫视它。

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

感谢。

Answer 1

我想说最好的答案是改变你的做法 浏览器'可以'允许这种事情 - 然后会发生混乱 - 这就是他们不这样做的原因。

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

Answer 2

这似乎是一个奇怪的网站，如果没有看到它，人们可能会对他们的推荐有困难。

似乎正确的修复方法是确保屏幕边缘没有任何东西。如果您不希望看到某些内容，请隐藏它（例如，使用display: none） - 而不是试图将其放在屏幕边缘。

我想，其他任何事情都会是一个讨厌的黑客。你可以尝试通过观察“滚动”事件并每次重置滚动位置来有效地禁用滚动，但这是错误的方法。

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

但是，再一次，没有看到这个网站，我在这里黑暗中感觉到了。我不知道你在解决什么问题。