js實現回到頂部

在jsp頁面中加入:javascript

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>java

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

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

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

相關文章
相關標籤/搜索