水平滚动中断时溢出-x：在 safari 和 firefox 中隐藏

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>