码迷,mamicode.com
首页 > 移动开发 > 详细

JS 原生JS 判断滚动条滑动到底部(兼容苹果safari)

时间:2017-09-22 19:06:21      阅读:701      评论:0      收藏:0      [点我收藏+]

标签:var   origin   each   set   this   fun   blog   滑动   adt   

  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)

标签:var   origin   each   set   this   fun   blog   滑动   adt   

原文地址:http://www.cnblogs.com/winyh/p/7576134.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!