那么,如何控制“回到顶部”按钮的显示或隐藏呢?其实我们只需要实现window.onscroll 事件即可,代码如下:
实现代码如下:
window.onscroll = function () {
if (document.documentElement.scrollTop + document.body.scrollTop > 100) {
document.getElementById("scrollto").style.display = "block";
}
else {
document.getElementById("scrollto").style.display = "none";
}
}
scrollto 为页面上“回到顶部”的容器(div标签)
以上就是【js隐藏与显示回到顶部按钮及window.onscroll事件应用】的全部内容了,欢迎留言评论进行交流!