jquery - 完全删除水平滚动条

Question

有没有办法完全摆脱网页上的水平滚动条？

命令“overflow-x:hidden;” body/html 上隐藏了视觉样式，但如果您使用键盘上的箭头，功能实际上仍然存在，这有点糟糕......

Answer 1

你问如何摆脱滚动条，是的，overflow: hidden 是解决之道。

如果问题是关于如何避免滚动，最好的方法是设计不会溢出的网页，可以结合使用动态流畅设计和媒体查询来保持内容的宽度和高度。

但实际上我不建议这样做。您无法事先知道访问者将拥有多大的 window 。您是否考虑过大屏幕和小屏幕的可用性差异？移动浏览器怎么样？

如果你真的决不允许滚动，你可以使用下面的 css 作为鬼鬼祟祟的把戏:

body {
    position: fixed;
    left: 0px;
    top: 0px;
}

但正如我所说，我不会推荐它...而且，它可能不适用于旧版浏览器。我想到了 IE6。也许 IE7 也...