Dreamweaver 怎么做页面回到头部最好用JS

发布网友 发布时间：2022-04-23 12:01

我来回答

共2个回答

热心网友 时间：2022-04-25 16:12

在顶部定义锚
<a name="tips">head</a>
然后，在底部添加“返回顶部”的链接：
<a href="#tips">返回顶部</a>追问除了这种方法有写JS的方法吗？谢谢

热心网友 时间：2022-04-25 17:30

<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>

不这段代码加到你的html里，就可以了，如果觉得不美观，可以用图片代替“返回顶部”。