<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>Document</title>
<script?type="text/javascript"?src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
</head>
<body?style="margin:?0;padding:?0">
<div?id="tip"?style="width:?50px;height:?750px;background:?red;">回到頂部</div>
<script?type="text/javascript">
$(function(){
$(window).scroll(function(){
$("#tip").click(function(){
$("html,body").animate({scrollTop:'0px'},800);
})
})
})
</script>
</body>
</html>
4 回答
已采納
SpartanII
TA貢獻(xiàn)2條經(jīng)驗(yàn) 獲得超2個贊
$(window).scroll(function(){}) 就是你一旦滾動就會觸發(fā)，所以你每次想往下滾，就會觸發(fā)滾回頂部的函數(shù)
-
幾只強(qiáng)心劑你代碼寫得有問題，不是點(diǎn)擊觸發(fā)滾動的？ 結(jié)果滾動事件$(window).scroll(function(){})里面，只要點(diǎn)擊，這個窗口不停滾動，那么外層的$(window).scroll 不斷響應(yīng)滾動事件，穿透了click事件的調(diào)用
添加回答
舉報(bào)
0/150
提交
取消