1. 程式人生 > >JS 原生JS 判斷滾動條滑動到底部(兼容蘋果safari)

JS 原生JS 判斷滾動條滑動到底部(兼容蘋果safari)

sco [0 dex start listener last eight ast pan

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

  

JS 原生JS 判斷滾動條滑動到底部(兼容蘋果safari)