当前位置：网站首页>UNI-APP_ monitor page scroll h5 monitor page scroll

UNI-APP_ monitor page scroll h5 monitor page scroll

2022-08-10 00:12:00 【small crooked | front end】

1. In uniapp, use the life cycle onPageScroll()

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

2. Use native js for monitoring in ordinary h5 pages

window.onscroll = function ()span> {//In order to ensure compatibility, three values are taken here, which one has a value//scrollTop is the height of the scroll wheel when the scroll wheel event is triggeredvar scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;console.log("Scroll Distance" + scrollTop);}