css - body: overflow-x - トラックパッドでスクロールできる

Question

setの div がposition: absoluteあり、ブラウザー ウィンドウよりも少し広いだけです。水平スクロール バーを非表示にできましたが、Macbookのトラックパッドでスクロールできます。

これを回避する方法はありますか？

<div id="container">
    <div id="big-image"></div>
</div><!-- #container -->

#container {
    overflow-x: hidden;
}

#big-image {
    background: transparent url('/path/to/image.png') no-repeat center top;
    position: absolute;
    width: 1307px;
    left: 50%;
    margin: 0 0 0 -653.5px;
    z-index: 4;
}

Answer 1

#container の高さを制限していない場合は、オーバーフローを非表示に設定するだけです。overflow-x はスクロール バーを削除してもスクロールできるという点で奇妙です。

例

body {
    overflow-x: hidden;
}

#container {
    overflow: hidden;
    width: 100%;
}

Answer 2

おそらくで使用できposition: fixed;ます#big-image。