Question

我在wordpress网站上有水平滚动，在所有计算机上都使用chrome，但在safari和firefox上的某些计算机上没有。

我的代码是：

html {
    height:100%;
    overflow-x:hidden;

}
body {
    width:3080px;
    overflow-y:hidden;
}

当我删除overflow-x：hidden;水平滚动有效但你可以看到滚动条。这是指向网站http://happybirthday.irinanisimova.com/photography/

的链接

如何隐藏滚动条？你也知道为什么这在safari和firefox中的某些计算机上有效但不是全部吗？

谢谢！

Answer 1

当我想更改默认滚动条时，我通常会创建一个容器div然后设置我想要的溢出而不是在主体上。尝试将溢出切换到宽度和高度为100％的容器div，并移除body标签上的宽度和溢出。

http://jsfiddle.net/7kd8V/21/

html {
overflow:hidden;
}
#container {
width:100%;
overflow:auto;
white-space: nowrap;
}
img {
display:inline-block;
}

    <div id="container">
        put images in here
    </div>

水平滚动打破overflow-x：隐藏在safari和firefox中

1 个答案: