Здесь сайт: http://joshnh.com/
В принципе, у меня есть несколько элементов, которые очень широкие, так что они выглядят так, как будто они выходят с правой стороны экрана. Затем я использую overflow-x: hidden;
на теле, чтобы скрыть переполнение, но это не останавливает страницу из горизонтальной прокрутки, когда пользователи используют свой трекпад, или нажмите и перетащите указатель мыши вправо.
Сайт является текучим, поэтому настройка overflow-x: hidden;
не является проблемой, но она должна быть установлена в тегах body
/html
, а не на обертке содержимого, поскольку это разрушит дизайн.
Я также использую этот фрагмент jQuery, чтобы попытаться помочь:
(function($) {
$(window).scroll( function() {
$(window).scrollLeft(0);
});
})(jQuery);
Я успешно использовал это в прошлом, но я не могу заставить его работать в этом случае. Вот jsFiddle, показывающий вышеприведенный фрагмент, работающий в уменьшенном тестовом примере: http://jsfiddle.net/joshnh/pqpzN/
Любые предложения?
P.S. Он работает так же, как и на iOS.
UPDATE: Я думаю, что мне удалось получить этот фрагмент jQuery, чтобы остановить горизонтальную прокрутку через сенсорные панели, но нажатие и перетаскивание по-прежнему работает (что я не могу объяснить, так как тестовый сценарий перестает щелкнуть и перетаскивать тоже, как и должно быть делая на моем сайте).