Тело: 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

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

пример

body {
    overflow-x: hidden;
}

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

Answer 2

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