如何用JS实现返回顶部？
1个回答
展开全部
PS：如果不麻烦，我怎么会提问呢~~ 回答： 还可以用<a href="javascript:scroll(0,0)">返回顶部</a> 其实用#是最通用的，我不知道你为什么静态页面会，动态页面就不会了，#对于静态还是动态都不影响的。 追问： 额~~关键是我不知道，那个返回顶部的位置为什么不会动，一直处于那个位置，不受页面的拉动的影响。就像新浪微博的那样，要不你看看新浪微博是怎样的？然后给个全代码？ 回答： 我晕哦，那这个和返回顶部的功能什么关系。。。这个是层浮动啊，就像是广告浮动那样，你用浮动广告的脚本就可以了。 追问： 你给个完整代码呗~~ 回答： <html><head><script>lastScrollY=0;
function heartBeat(){var diffY;if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTopelse{/*Netscape stuff*/}
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("full").style.top=parseInt(document.getElementById("full").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
}window.setInterval("heartBeat()",1);</script></head><body><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div id="full" style='right:1px;POSITION:absolute;TOP:600px;z-index:100'><a href="javascript:void(0);" onclick='window.scrollTo(0,0);'>返回顶部</a></div></body></html> 追问： 好歹标明下注释吧~~~我JS不是很懂~~谢谢~~ 回答： 这个你也没必要去研究到懂，百度下这种类似的代码一堆，你只要知道需要一个div，id是full，然后修改style里面的right和top属性来改变这个链接的位置就可以了，其他的代码你只要复制粘贴下就ok。 说白了就是不断的检测当前这个div的位置，如果不是在离顶部600处则将这个div进行重新定位，只不过考虑浏览器的兼容性代码就要进行调整，让js能够尽量多的支持浏览器。
function heartBeat(){var diffY;if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTopelse{/*Netscape stuff*/}
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("full").style.top=parseInt(document.getElementById("full").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
}window.setInterval("heartBeat()",1);</script></head><body><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div id="full" style='right:1px;POSITION:absolute;TOP:600px;z-index:100'><a href="javascript:void(0);" onclick='window.scrollTo(0,0);'>返回顶部</a></div></body></html> 追问： 好歹标明下注释吧~~~我JS不是很懂~~谢谢~~ 回答： 这个你也没必要去研究到懂，百度下这种类似的代码一堆，你只要知道需要一个div，id是full，然后修改style里面的right和top属性来改变这个链接的位置就可以了，其他的代码你只要复制粘贴下就ok。 说白了就是不断的检测当前这个div的位置，如果不是在离顶部600处则将这个div进行重新定位，只不过考虑浏览器的兼容性代码就要进行调整，让js能够尽量多的支持浏览器。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
