js实现回到顶部

在jsp页面中加入:

1.<script>
window.onscroll=function(){
    if(document.body.scrollTop>0||document.documentElement.scrollTop>0){
     document.getElementById('rTop').style.display="block"
     }else{
      document.getElementById('rTop').style.display="none"
      }
    }
</script>

2.<style>
.rTop{ right:30px; bottom:60px; position:fixed;cursor:pointer; display:none}
</style>

3.body中:
<div class="rTop" id="rTop"><a href="javascript:scroll(0,0)"><img src="images/backtoup.jpg" alt=""

width="30px;" height="35px;"/></a>
</div>

你可能感兴趣的:(js实现回到顶部)