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 } }