寻浮动的回到顶部代码
发布网友
发布时间：2022-04-23 23:22
共3个回答
热心网友
时间：2022-04-24 19:46
一楼的代码，点击“回到顶部”后，会在地址栏后面加多一个“#”，点多几次就会出现一排的“#”。
我这个不会。你还可以用图片代替“回到顶部”。
<script>
lastScrollY=0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*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;
}
suspendcode="<div id=\"full\" style='right:1px;POSITION:absolute;TOP:600px;z-index:100'><a onclick='window.scrollTo(0,0);'>返回顶部</a><br></div>"
document.write(suspendcode);
window.setInterval("heartBeat()",1);
</script>
热心网友
时间：2022-04-24 21:04
很简单，三步完成
1、做个浮动层，浮动层就用广告代码修改就OK，懒人图库或百度一搜很多的
2、添加锚点 <a name="top"></a>
3、添加锚点链接：<a href="#top">回到顶部</a>
这样就好了
热心网友
时间：2022-04-24 22:39
<div style="position: fixed;right: 0px;top: 100px;width: 20px;height: 100px;"><a href="#">回到顶部</a></div>
