js禁止苹果页面底部滚动_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);

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值