У меня проблемы с прокруткой сенсорной панели. Вот как выглядит мой сайт: нажмите. Вы можете перемещаться здесь, используя стрелки вверх/вниз, меню и колесико мыши. Все отлично, за исключением прокрутки с помощью сенсорной панели. Когда вы это делаете, он интерпретируется так же, как несколько прокруток колеса мыши. Таким образом, вы не переходите от верхнего к второму экрану, а к последнему. Я думал об этом, и мои решения:
Но я не знаю, как "остановить прокрутку". Может кто-нибудь мне помочь? :)
Хорошо, я понял, как это сделать. Возможно, это не лучший способ, но он работает. Код:
scrollTimes ={
up : 0,
down : 0
};
$('body').bind('DOMMouseScroll', function(e){
if(e.originalEvent.detail > 0) {
scrollTimes.down++;
if(scrollTimes.down === 1 ) {
api.next(2000);
}
}
else {
scrollTimes.up++;
if(scrollTimes.up === 1 ) {
api.prev(2000);
}
}
setTimeout( function() { scrollTimes = { up : 0, down : 0};}, 2000);
return false;
});
$('body').bind('mousewheel', function(e){
if(e.originalEvent.wheelDelta < 0) {
scrollTimes.down++;
if(scrollTimes.down === 1 ) {
api.next(2000);
}
}
else {
scrollTimes.up++;
if(scrollTimes.up === 1 ) {
api.prev(2000);
}
}
setTimeout( function() { scrollTimes = { up : 0, down : 0};}, 2000);
return false;
});
Я установил время в setTimeout до 2000, потому что это время прокрутки к следующему/предыдущему экрану :)