myScroll = new IScroll("#ID", { scrollbars: true,//有滾動條 mouseWheel: true,//允許滑輪滾動 fadeScrollbars: true//滾動時顯示滾動條,默認影藏,並且是淡出淡入效果 });
在 iOS上點擊有效,在Android上點擊無效
myScroll = new IScroll("#ID", { click:true, //調用判斷函數 scrollbars: true,//有滾動條 mouseWheel: true,//允許滑輪滾動 fadeScrollbars: true//滾動時顯示滾動條,默認影藏,並且是淡出淡入效果 });
此時在android上點擊有效,不過在IOS上就要點擊兩次才有效!
解決辦法:
myScroll = new IScroll("#ID", { click:iScrollClick(), //調用判斷函數 scrollbars: true,//有滾動條 mouseWheel: true,//允許滑輪滾動 fadeScrollbars: true//滾動時顯示滾動條,默認影藏,並且是淡出淡入效果 }); function iScrollClick(){ if (/iPhone|iPad|iPod|Macintosh/i.test(navigator.userAgent)) return false; if (/Chrome/i.test(navigator.userAgent)) return (/Android/i.test(navigator.userAgent)); if (/Silk/i.test(navigator.userAgent)) return false; if (/Android/i.test(navigator.userAgent)) { var s=navigator.userAgent.substr(navigator.userAgent.indexOf('Android')+8,3); return parseFloat(s[0]+s[3]) < 44 ? false : true } }