添加到百度首頁
添加收藏 RSS 網站地圖 舊版網站
  • 全部
  • 網頁特效
  • 建站教程
  • 設計分享
當前位置:首頁 > 建站教程 > JavaScript教程 >

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

時間:2015-01-20      來源:互聯網     
很不錯的一個框架!不過此框架會阻止瀏覽器的默認行為,如左右滑動的時候,這個時候會阻止上下滑動
這樣對很多文章內容頁相對較長的頁面顯然不適用,修改如下
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);

如果在外層有這個事件,那你插件里面怎么改可能都沒用。(本人就吃過虧)
相關文章
web前端視頻教程


大家都在看

最新更新

web前端視頻教程
中国竞彩网上怎么投注