求问如何用JS实现返回顶部?

 我来答
小颜IUsu6
2013-10-19 · TA获得超过131个赞
知道答主
回答量:178
采纳率:0%
帮助的人:57.8万
展开全部
追问: 额~~关键是我不知道,那个返回顶部的位置为什么不会动,一直处于那个位置,不受页面的拉动的影响。就像新浪微博的那样,要不你看看新浪微博是怎样的?然后给个全代码? 回答: 我晕哦,那这个和返回顶部的功能什么关系。。。这个是层浮动啊,就像是广告浮动那样,你用浮动广告的脚本就可以了。 追问: 你给个完整代码呗~~ 回答: <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。
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式