1. 程式人生 > >iScroll左右滑動的時候,阻止了內容的上下滑動 e.preventDefault() 解決辦法

iScroll左右滑動的時候,阻止了內容的上下滑動 e.preventDefault() 解決辦法

很不錯的一個框架!不過此框架會阻止瀏覽器的預設行為,如左右滑動的時候,這個時候會阻止上下滑動

這樣對很多文章內容頁相對較長的頁面顯然不適用,修改如下

1:在onBeforeScrollStart: function (e) { e.preventDefault(); }, 修改為onBeforeScrollStart: null,

2:在_move方法裡增加(大小可根據需要自行修改)

if(newY>=-10 && newY<=10){e.preventDefault();}

3.lockDirection  設定為true(正常預設就是為true,可不用修改)

注意點:要注意在自己的腳本里面沒有對全域性的移動事件進行阻止預設事件,如

document.addEventListener('touchmove', function (e) {
//  
//  //取消事件的預設動作
//  e.preventDefault();
//  
// }, false);

如果在外層有這個事件,那你外掛裡面怎麼改可能都沒用。(本人就吃過虧)