如何停止水平滚动?

2023-12-20

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

垂直滚动应该存在,但我想停止水平滚动。

我怎样才能做到这一点?


萨弗拉兹有已经提到过 https://stackoverflow.com/questions/2987261/how-to-stop-horizontal-scrolling/2987268#2987268 overflow-x,这是一个答案,尽管它意味着(正如它所说!)任何原本向右的东西现在都是不可用给用户。有一些用例,但总的来说,不希望费心去获取用户无法访问的内容。

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

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

...但这将:

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

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

因此,如果您不希望右侧的内容不可用intend,我的答案是找到导致滚动的元素并纠正它们。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何停止水平滚动? 的相关文章

随机推荐