1

すべてのコンピューターのクロムで動作しますが、サファリとFirefoxの一部のコンピューターでは動作しないワードプレスサイトで水平スクロールがあります。

私のコードは次のとおりです。

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

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

Overflow-x:hidden; を削除すると、水平スクロールは機能しますが、スクロールバーが表示されます。ここにサイトへのリンクがありますhttp://happybirthday.irinanisimova.com/photography/

スクロールバーを非表示にするにはどうすればよいですか? また、これがサファリとファイアフォックスの一部のコンピューターでは機能するが、すべてではない理由を知っていますか?

ありがとう！

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 に答える