html 不出现水平滚动条,html – 不带滚动条的水平滚动

这是我的基于CSS的解决方案 – 在所有设备上简单而美观,无需额外的JS.

>将固定高度和溢出隐藏添加到父元素(在您的情况下为#container)

>放大#modules的高度 – 这会创建隐藏在滚动条父元素下的足够位置(因为#container高度较小,这个地方是不可见的)

>使用-webkit-overflow-scrolling：touch;是不错的选择,在iPad和iPhone上做出不错的行为

#container {

width: 300px;

height: 60px;

overflow: hidden;

}

#modules {

height: 90px; /* 40px - more place for scrollbar, is hidden under parent box */

padding: 5px;

white-space: nowrap;

overflow-x: scroll;

overflow-y: hidden;

-webkit-overflow-scrolling: touch;

}