1

我在一个 wordpress 网站上有水平滚动,该网站在所有计算机上都可以使用 chrome,但不能在 safari 和 firefox 上的某些计算机上使用。

我的代码是:

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

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

当我删除溢出-x:隐藏;水平滚动有效,但您可以看到滚动条。这是网站的链接http://happybirthday.irinanisimova.com/photography/

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

谢谢!

4

1 回答 1

0

当我想更改默认滚动条时,我通常会创建一个容器 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>
于 2013-01-31T07:48:01.573 回答