html页面点击返回页面顶部

css：

.bottom_tools{ display:block; position:fixed; bottom:30px; right:20px;z-index: 999;}
.bottom_tools.backTop{ width:70px; height:70px; display:block; background: url(../images/backTop.png) 0 0 no-repeat;}
.bottom_tools.vkf{width:70px; height:70px; display:block; background: url(../images/vkf.png) 0 0 no-repeat;}

html：

    ');
    

js：

if(window.$) {
	$(window).scroll( function(){
	    if($(document).scrollTop() >= 500){
	    	$("#backTop").fadeIn();
	    }else{
	    	$("#backTop").fadeOut();
	    }
	});
}

附，或者想要返回顶部时有向上滑动的动画效果 html 中可以这么写：

然后添加js，这样返回顶部会有向上滑动的动画效果：

$('#backTop').click(function (e) {
    e.preventDefault();
    $('html,body').animate({scrollTop:0});
});

效果图如下：

500单位是px。

转载于:https://my.oschina.net/u/2401319/blog/476740