body：overflow-x - まだトラックパッドでスクロールすることができます

Question

position: absoluteのdivがあり、これはブラウザのウィンドウよりも少し広いです。私はうまく水平スクロールバーを隠しましたが、まだ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はスクロールバーを削除してもスクロールできるという点で、overflow-xが異常です。

例

body { 
    overflow-x: hidden; 
} 

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

Answer 2

おそらく#big-imageにposition: fixed;を使用することができます。