javaScript动态设置浏览器滚动条位置

 

window.οnscrοll= function(){  //计算滚动条位置,改变样式
                //变量t是滚动条滚动时,距离顶部的距离
                var t = document.documentElement.scrollTop||document.body.scrollTop;
                var scroll= document.getElementById('one');
                var scrollTow = document.getElementById('tow');
                //当滚动到距离顶部200px时,返回顶部的锚点显示
                if(t<=200){
                    scrollup.style.display="block";
                     scrollupTow.style.display="none";
                }else{          //恢复正常
                   scrollup.style.display="none";
                     scrollupTow.style.display="block";
                }
}
 


 $("#top_ale").click(function(){//把浏览器滚动条的位置设置为0
    $('html,body').animate({scrollTop:0});  
 })

你可能感兴趣的:(javaScript动态设置浏览器滚动条位置)