当前位置：网站首页>UNI-APP_监听页面滚动h5监听页面滚动

UNI-APP_监听页面滚动h5监听页面滚动

2022-08-09 22:03:00 【小歪 | 前端】

1.在uniapp中，使用生命周期onPageScroll()

onPageScroll(e) {
    
	console.log(e.scrollTop)
	if (e.scrollTop >= 120) {
    
		console.log(true)
	} else {
    
		
	}
},

2.在普通h5页面中使用原生js进行监听

window.onscroll = function () {
    
     //为了保证兼容性，这里取三个值，哪个有值取哪一个
     //scrollTop就是触发滚轮事件时滚轮的高度
      var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
       console.log("滚动距离" + scrollTop);
}