标签: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