首页 > itarticle > 滚动事件

滚动事件

admin 11月 13, 2020 0

实现滚动超过一定高度，出现图标，点击回到顶部

window.onscroll函数，获取document.body.scrollTop即滚动条高度，当滚动条高度超过特定高度，小图标显示，否则隐藏（一定要设置else)

window.onscroll = function(){
     var top = document.body.scrollTop;
     var triangle = document.getElementById('triangle bottom');
     if( top >500 ){
         triangle.style.display = 'block';
     }else{
         triangle.style.display = 'none';
     }
 }

点击盒子，window.scroll(0,0) 回到顶端