jquery 返回顶部

原创 2012年03月29日 21:39:37

var speed=10
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){

if (document.all)
temp=document.documentElement.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.documentElement.scrollTop-speed
else
currentpos=window.pageYOffset-speed
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
if(document.documentElement.scrollTop<5)

window.clearInterval(intervalID);
}
}
function startit(){

intervalID=setInterval("scrollwindow()",5)
}
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("scrollfull").style.top=parseInt(document.getElementById("scrollfull").style.top)+percent+"px";

lastScrollY=lastScrollY+percent;
}

suspendcode = '<div id="scrollfull" style="position:absolute; right:100px; top:500px;"><a href="javascript:window.scroll(0,0)" onfocus="blur()"><img src="../images/returnTop.png"  alt=""/></a></div>';
document.write(suspendcode);
window.setInterval("heartBeat()",10);

相关文章推荐

jQuery可变透明度返回顶部

  • 2016年11月11日 09:12
  • 34KB
  • 下载

js jquery 返回顶部

  • 2013年09月29日 17:01
  • 49KB
  • 下载

jquery实现返回顶部、底部功能

实现效果: 页面有返回顶部、底部按钮,返回顶部按钮当页面滚动超过一屏时显示,返回底部按钮当页面到达底部时隐藏; 返回时带有滚动返回效果,可控制返回速度。 返回顶部/...

jquery返回顶部

  • 2013年03月29日 16:44
  • 30KB
  • 下载

jquery返回顶部

  • 2017年11月16日 17:57
  • 36KB
  • 下载

jquery实现鼠标向下滚动右侧才出现返回顶部链接

右侧的浮动层如上图所示,但是我们现在想实现这种效果:页面刚打开的时候不显示top返回顶部的链接,鼠标向下滚动的时候才出现,当点击top按钮后或者鼠标滚动到最上方时,top消失。大体html代码: ...

jquery返回顶部代码

  • 2015年08月24日 09:25
  • 4KB
  • 下载

jquery做的返回顶部插件

  • 2014年03月07日 14:03
  • 14KB
  • 下载

动感JQuery返回顶部代码

这篇文章会提供两个比较动感的JQuery返回顶部的代码,效果比较好,并且我会把源码分享给大家,在我的空间有下载链接,完全免费。 第一种:红色动感小火箭 下面是源码:...

jQuery可变透明度返回顶部代码

  • 2015年04月24日 11:01
  • 44KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 返回顶部
举报原因:
原因补充:

(最多只允许输入30个字)