body: overflow-x - все еще можно прокручивать трекпад

Question

У меня есть 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

Если вы не ограничиваете высоту # контейнера, просто установите переполнение в скрытое, поскольку переполнение-x странно, поскольку оно удаляет полосу прокрутки, но все же позволяет вам прокручивать.

Пример

body { 
    overflow-x: hidden; 
} 

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

Answer 2

Вы могли бы, вероятно, использовать position: fixed; на #big-image.