body: taşma-x - trackpad ile hala kaydırma yapabilen

Question

position: absolute setli bir divum var ve tarayıcı penceremden biraz daha geniş. Yatay kaydırma çubuğunu başarıyla gizledim, ancak hala bir Macbook izleme yüzeyi ile kaydırma yapabilirim.

Bunu önlemek için herhangi bir yolu var mı?

<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'ın yüksekliğini sınırlandırmıyorsanız, taşma-x garip olduğundan, kaydırma çubuğunu kaldırdığından, ancak yine de kaydırmanıza izin verdiğinden, yalnızca taşmaya taşma değerini ayarlayın.

body { 
    overflow-x: hidden; 
} 

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

Answer 2

Muhtemelen #big-image üzerinde position: fixed; kullanabilirsiniz.