Переполнение-х и перемещение средней кнопки мыши

Question

Моя страница имеет ширину 980 пикселей, но у меня есть несколько элементов дизайна (которые принадлежат фону). Я позиционировал их с позиции: абсолютный ;. Это создает горизонтальную полосу прокрутки для тех, у кого разрешение =

Однако, когда я держу свою среднюю кнопку мыши (я думаю, что это относится и к сенсорным панелям ноутбуков), это позволяет мне двигаться вправо, возможно ли это исправить с помощью чего-нибудь? (JavaScript, CSS)?

Проверено это в Chrome, IE, Firefox.

Answer 1

Реально нет. Существует несколько способов принудительной прокрутки элементов содержимого со скрытым переполнением (например, пользователи Mac привыкли иметь всенаправленную прокрутку с помощью шарика прокрутки или сенсорной панели, а многие мыши Logitech и Microsoft имеют наклонные колесики мыши). Захват средней кнопкой мыши через Javascript крайне ненадежен, и многие драйверы мыши для Windows (например, Logitech) фактически не регистрируют щелчок колеса мыши как «средний щелчок», а вместо этого непосредственно отправляют команду «режим прокрутки» приложению.

К сожалению, вам, вероятно, будет проще реорганизовать свой дизайн, чтобы избежать использования overflow-x: hidden, чем пытаться заблокировать все различные способы, которыми люди могут принудительно прокручивать область содержимого.

Answer 2

Есть способ перехватить событие "onScroll":

$('#elementWithOverflow').on('scroll',function(){
    $('#elementWithOverflow').scrollLeft(0);
})

Не идеально, но у меня это работает. В этом случае мы запрещаем только горизонтальную прокрутку, вертикаль еще работает. Чтобы предотвратить это, используйте функцию scrollTop().