zoukankan      html  css  js  c++  java
  • JS 原生JS 判断滚动条滑动到底部(兼容苹果safari)

      ListenerScoller () {
        var pageIndex = 1;
        var startX, startY; 
        document.addEventListener('touchstart',function (ev) { 
          startX = ev.touches[0].pageX; 
          startY = ev.touches[0].pageY; 
        }, false); 
    
    
        let _this = this;
        document.addEventListener('touchend',function (ev) {
          var endX, endY; 
          endX = ev.changedTouches[0].pageX; 
          endY = ev.changedTouches[0].pageY; 
          var dy = startY - endY;
          var reach = Boolean;
          var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
    
          console.log(scrollTop); 
          document.documentElement.scrollHeight == document.documentElement.clientHeight || document.body.clientHeight(兼容苹果safari) + scrollTop ? reach = true : reach = false
          console.log(reach)
    
          if(dy>30 && reach){
            pageIndex++;
            _this.setState({
              isLoad:true
            })
    
          _ENV.post(_ENV.HOST+'/distributor/ticket-record?page='+pageIndex).then(data => {
            let newData = data.data.list;
            let original = _this.state.buys;
            if(data.data.isLastPage){
              _this.setState({
                loadText:'没有更多数据'
              })
            }
            let arr = original.concat(newData);
            console.log(arr);
            _this.setState({
              buys:arr
            });
          }).catch(error=>{
            console.log(error);
          });
        }
    
        }, false);
    }
     
    

      

  • 相关阅读:
    第10组 Beta冲刺 (4/5)
    第10组 Beta冲刺 (3/5)
    第10组 Beta冲刺 (2/5)
    第10组 beta冲刺(1/5)
    软工实践个人总结
    第01组 每周小结(3/3))
    第01组 每周小结(2/3)
    第01组 每周小结 (1/3)
    第01组 beta冲刺总结
    第01组 beta冲刺(5/5)
  • 原文地址:https://www.cnblogs.com/winyh/p/7576134.html
Copyright © 2011-2022 走看看