javascript - 如何停止水平滚动？

Question

我已经使用 html 和 javascript 编写了一个文件。

在那里应该有垂直滚动，但我想停止水平滚动。

我该怎么做？

Answer 1

Sarfraz 有 already mentioned overflow-x，这是一个答案，尽管它意味着(如其所说!)任何本来应该偏向右侧的内容现在对用户不可用。有一些用例，但总的来说，不希望有用户无法访问的内容。

问题是:为什么要水平滚动？在正常情况下，浏览器将包装内容，这样就不需要任何水平滚动。如果用户有一个正常的窗口大小，您可以通过样式信息或通过具有不可包装的内容(如大图像)指定具有特定宽度的元素来导致设计中的水平滚动。例如，这不需要水平滚动:

<p>...lots of text here...</p>

...但这将:

<p style='width: 1200px'>...lots of text here...</p>

...如果用户的浏览器窗口小于 1200 像素宽。

因此，如果让右侧的内容不可用不是您想要的，我的答案是找到导致滚动的元素并更正它们。