zoukankan      html  css  js  c++  java
  • 滑动表层div时 禁止底层滑动

     1             $(".container").bind("touchstart", function (events) {
     2                 startX = events.originalEvent.changedTouches[0].pageX;
     3                 startY = events.originalEvent.changedTouches[0].pageY;
     4             });
     5             $(".fanslist_box").bind("touchmove", function (e) {
     6             var ulheight = $(this).height();
     7             var scrollTop = $(this).scrollTop();
     8             var scrollheight = $(this)[0].scrollHeight;
     9             if (ulheight + scrollTop + 20 >= scrollheight) { //滚到底部20px左右
    10                 $(".fanslist_box").bind("touchmove", function (event) {
    11                     moveEndX = event.originalEvent.changedTouches[0].pageX,
    12                     moveEndY = event.originalEvent.changedTouches[0].pageY,
    13                     theX = moveEndX - startX;
    14                     theY = moveEndY - startY;
    15                     if (Math.abs(theY) > Math.abs(theX) && theY > 0) { //这里是判断上滑还是下滑!绝对值方式!
    16                         $(".fanslist_box").unbind("touchmove");//滑动到底部再往上滑动,解除阻止! 
    17                     }
    18                     if (Math.abs(theY) > Math.abs(theX) && theY < 0) {
    19                         event.preventDefault();//滑动到底部,再往下滑动,阻止滑动! 
    20                     } 
    21                 })  
    22             }
    23             })
  • 相关阅读:
    mysql总结
    git总结
    转:如何判断一家公司的好坏
    路越走越窄,尤其做技术的
    百度面试总结
    背叛
    which和whereis 命令
    bzoj3263 陌上花开 CDQ模板
    bzoj 2653middle
    暑假第十九测
  • 原文地址:https://www.cnblogs.com/liiu/p/12385343.html
Copyright © 2011-2022 走看看