Я использую самый замечательный инструмент javascript iScroll4 http://cubiq.org/iscroll-4 на мобильном сайте для iOS и Android. Вот как выглядит мой макет:
В области горизонтальной прокрутки используется iScroll4 со следующими настройками:
var myScroll = new iScroll('frame', { hScrollbar: false, vScrollbar: false, vScroll: false })
Горизонтальная часть прокрутки отлично работает. Эта проблема - это то, что происходит, когда пользователь пытается прокрутить вверх или вниз по странице, поместив палец в область горизонтальной прокрутки. Поэтому мне нужна собственная вертикальная прокрутка и горизонтальная прокрутка iScroll в той же области.
То, что я пробовал до сих пор: Удаление e.preventDefault() в коде iScroll (разрешает естественную прокрутку, но в овах BOTH). Удаление e.preventDefault(), а затем отключить горизонтальную прокрутку страницы с помощью этого:
var touchMove;
document.ontouchstart = function(e){
touchMove = e.touches[0];
}
document.ontouchmove = function(e){
var theTouch = e.touches[0] || e.changedTouches[0];
var Xer = rs(touchMove.pageX - theTouch.pageX).toPos();
var Yer = rs(touchMove.pageY - theTouch.pageY).toPos();
touchMove = theTouch;
if(Yer > Xer){ e.preventDefault(); }
}
который, кажется, ничего не делает. Как я могу разрешить собственную вертикальную прокрутку в области горизонтальной прокрутки без потери горизонтальной прокрутки iScroll? Я действительно в тупике. Спасибо заранее.
(только для записи rs (foo).toPos() - функция, которая делает foo положительным числом независимо от его значения).