zoukankan      html  css  js  c++  java
  • 移动端列表页面滚动时 禁止触发点击事件进入列表详情页

    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"   //跳转页面 
        }
    });
  • 相关阅读:
    053-49
    053-3
    053-204
    053-491
    053-205
    053-57
    053-149
    053-47
    053-150
    回答2
  • 原文地址:https://www.cnblogs.com/dxt510/p/11201205.html
Copyright © 2011-2022 走看看