使用JS控制返回头部标签的显示与隐藏

在这里不能够直接进行if或者while判断scrollTop等元素的数值大小进行相应标签元素的显示与隐藏(如果是用这种语句进行显示与隐藏的控制,只会在刷新页面的时候进行一次操作,且只有一次,并不会随着页面的变化进行后续的变化)

所以要使用一个监听的方法:在这里使用实现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标签)
posted @ 2017-02-20 22:34  番茄酱有毒  阅读(388)  评论(0)    收藏  举报