js点击回到顶部

---恢复内容开始---

<!DOCTYPE html>

<html>

<head>

<title>点击回到页面顶部</title>

*{margin: 0;padding: 0;}

.scroll_top{width:60px;height: 60px;border: 1px solid red;position: fixed;bottom: 50px;right: 20px;display: none;}

.scroll_top span{width: 60px;height:60px ;display: block;background: url(img/icon_top.png) no-repeat center #20B2AA;border-radius:30px ;}

</style>

</head>

<body>

<pre>

</pre>

</div>

$("#s_btn").click(function(){

$("html,body").animate({

scrollTop:0

},100);

});

$(window).scroll(function(){

if ($(this).scrollTop() >= 300) {

$(".scroll_top").fadeIn(300);

} else{

$(".scroll_top").stop(true,true).fadeOut(100);

}

});

</script>

</body>

</html>

---恢复内容结束---

巴特西