返回网页top部分

最新推荐文章于 2022-11-18 10:46:15 发布

原创最新推荐文章于 2022-11-18 10:46:15 发布 · 241 阅读

0 ·

CC 4.0 BY-SA版权

javascript特效专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一个简单的JavaScript脚本，用于实现网页中跟随滚动条位置变化的返回顶部按钮效果。通过监听滚动事件并调整按钮的位置，使得用户体验更加友好。

<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:50px;POSITION:absolute;TOP:450px;z-index:100'><a href='#Top'><img src=images/top.gif border=0 alt='返回顶部'></a><br></div>" 
document.write(suspendcode); 
window.setInterval("heartBeat()",1);