js返回网页顶部代码分享

　　有些网页由于特别长，需要三四屏才能显示完全，当用户浏览到网页底部需要返回网页顶部时，要进行不断地滚动才能到达顶部。为了方便用户快速返回顶部网页，就需要设置一个“返回顶部”的按钮。在天水网站建设(士人网络)就为大家分享一个非常简单的“返回顶部”的html+js代码。

　　首先，在网页body标签之前插入一个DIV标签，用于放置“返回顶部”的一张图片。代码可以如下：

<p><a data-cke-saved-href="javascript：window.scrollTo(0,0);" href="javascript：window.scrollTo(0,0);" _href="javascript：window.scrollTo(0,0);"><img data-cke-saved-src="zhiding.png" src="zhiding.png" alt="返回顶部" _src="zhiding.png"/></a></p>

　　其次，给这个DIV标签设置CSS样式属性，代码如下：

#zhiding{position:fixed; right:10px; bottom:55px;display:none;width:60px;height:60px;z-index:999; } #zhiding img{width:60px;}

　　最后，插入如下js代码：

<script type="text/javascript">

$(function(){  

    $(window).scroll(function(){  

        var scroll_top=$(window).scrollTop();  

        console.log(scroll_top)  

        if(scroll_top>=500){  

            $("#zhiding").fadeIn();  

        }else{  

            $("#zhiding").fadeOut();  

        }  

    })  

})  

 </script>

　　说明：与此同时，还要引入jQuery的JavaScript框架。点击这里可以下载整个代码包!