在一個項目用iscroll 4.1.9版做了一個輪播圖,現在客戶要求在輪播圖上滑動,整個頁面能被滑動,我百度了好久,找了一些方法,都沒用,請你們幫我看看,哪兒有問題。我找到的方法有1、 lockDirection=false---無效2、(1.去除onBeforeScrollStart里的阻止默認行為onBeforeScrollStart: function (e) { //e.preventDefault(); }onBeforeScrollMove設置為(e) {e.preventDefault();}以保證手機上的正?;瑒用馐転g覽器默認行為影響(如下滑時會有窗口的scroll事件),當然如果這里不添加的話也可以在document的END_EV中阻止瀏覽器默認行為_end 中將模擬事件名更改為END_EV或者直接去掉模擬事件的功能iscroll.js是Matteo Spinelli開發的一個js文件,使用原生js編寫,不依賴與任何js框架。旨在解決移動webkit系瀏覽器的區域滾動問題,兼容mobile safari、android默認瀏覽器、safari、chrome、firefox5+、opera11+、IE9+及其他webkit核心瀏覽器。最新版本為iscroll4。)---無效3、(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);如果在外層有這個事件,那你插件里面怎么改可能都沒用。(本人就吃過虧) )---無效項目輪播圖代碼如下:
iscroll做的輪播圖在移動端沒辦法上下滑動
呼如林
2018-09-04 17:13:04