Это может помочь. Это решение jQuery, которое я использую, чтобы накладывать разбивку на страницы на боковые стороны IOS. Это не совсем тот случай, когда вы работаете. Я использую «переполненную прокрутку: авто», которая не ведет себя как «сенсорная» версия.
#yourDiv {
-webkit-overflow-scrolling: auto;
overflow:auto;
}
Я использую «переполнение прокрутки: авто», потому что она быстрее реагирует на событие touchhend , Unfortunatley, «переполнение прокрутки: касание» действительно, похоже, не выдерживает javascript и анимацию CSS, пока она находится в движении. Но по крайней мере вы можете получить информацию о местоположении из нее во время прокрутки.
var pageSwiping = false;
$('#yourDiv').on('scroll', function(e) {
if (pageSwiping !== true ) {
pageSwiping = true;
var offset = $('#'+e.target.id).scrollLeft();
$('#yourDiv').one( 'touchend',{elem:e.target.id,dragStart:offset},divMove);
};
});
var divMove = function(e) {
pageSwiping = false;
var elem = e.data.elem;
var dragEnd = $('#'+elem).scrollLeft();
var dragDelta = (dragEnd - e.data.dragStart)
// Make page-alignment decisions based on dragDelta
};