HTML部分可自行设计
特点:本次设计因为项目需要,标签在用户面前应出现于向下滚动页面一段高度后再显示,所以,滚动窗口监听事件后,需要设置下拉网页高度,在设置时需要注意,高度不该带有单位(例如:px,em等),
在达到指定高度时,该标签出现
代码如下:
let totop = document.querySelector('.totop')
// 页面滚动窗口监听事件
window.onscroll = function () {
// 获取浏览器卷去的高度
let high = document.documentElement.scrollTop || document.body.scrollTop
if (high >= 200) {
totop.style.display = 'block'
} else {
totop.style.display = 'none'
}
}
totop.addEventListener('click', () => {
document.documentElement.scrollTop = 0
document.body.scrollTop = 0
})
//回到顶部