自动根据屏幕高度智能显示“返回顶部”导航按钮的JS代码 - TOMMYHU - 专注互联网开发及运营技术,提供相关资料及软件下载,奇趣网络时事评论!
Jul 11

自动根据屏幕高度智能显示“返回顶部”导航按钮的JS代码 不指定

当网页很长时,要返回顶部就很麻烦,这时在网页底部设置一个返回顶部的按钮就可以解决这个问题,本代码能智能地根据屏幕高度自动显示(当网页内容刚好一屏时则不显示),能随屏平滑滚动,同时兼容firefox浏览器
Highslide JS

<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;
if(diffY == 0){document.getElementById("full").style.display = "none"}
else{document.getElementById("full").style.display = "block"}
}
suspendcode="<div id=\"full\" style='display:none; width:20px; height:90px; POSITION:absolute; left:50%; top:500px; margin-left:460px;  z-index:100; text-align:center;'><a href='#'><img src='http://tommyhu.cn/images/others/gototop.gif' border=0 alt='返回顶部'></a></div>"
document.write(suspendcode);
window.setInterval("heartBeat()",1);
</script>

▲返回顶部
Last modified by tommyhu on2010/07/11 12:13

互联网开发网友 Email Homepage
2012/06/13 14:35
我想我明白楼主的意思了
Pages: 1/1 First page 1 Final page
Add a comment

Nickname

emotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemot