iscroll.js在Android和IOS點擊失效和點擊兩次有效解決辦法


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM