移動端列表頁面滾動時 禁止觸發點擊事件進入列表詳情頁


js

//初始化變量
var t1 = 0;
var t2 = 0;
var timer = null; // 定時器
 // scroll監聽
var scroll = mui('.mui-scroll-wrapper').scroll(); 
document.querySelector('.mui-scroll-wrapper' ).addEventListener('scroll', function (e ) { 
    clearTimeout(timer);
    timer = setTimeout(isScrollEnd, 800);
        t1 = scroll.y;
    });
function isScrollEnd() {
    t2 = scroll.y;
}

//點擊按鈕進入列表詳情頁
mui("#pullrefresh").on("tap",".airportNameUnit",function(e){
     //當t2=t1時 證明頁面滾動停止了
     if(t2==t1){
        window.location.href='home.html"   //跳轉頁面 
    }
});

 


免責聲明!

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



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