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点击事件回到页面顶部效果

//2个div,点击某个时回到顶部 111111111111111  top $(function(){   $("#top").click(function() {       $...
  • zhuyu19911016520
  • zhuyu19911016520
  • 2013年09月27日 08:37
  • 25541

jQuery实现返回顶部功能

jQuery实现返回顶部功能 整理两个实现功能,一个是右下角的返回顶部,一个是右侧的返回顶部,分别如图 第一种实现 一、JSP或HTML(主体结构) 在body中添加 ...
  • itmyhome
  • itmyhome
  • 2014年05月13日 20:05
  • 5057

jquery 返回顶部和返回底部代码

特效加工厂 body { margin:0; padding:0; font-size:12px; } #main { width:910px; margin:0 auto; height:...
  • wuyanwen888
  • wuyanwen888
  • 2014年04月14日 09:25
  • 1144

“返回顶部代码”滑动效果 jQuery超级简单实用写法

东西很简单,还是利用jQuery,直接代码:   html代码,一般放在footer.php里:   a href="#" id="top"> 返 回 顶 部 a> CSS代...
  • xllily_11
  • xllily_11
  • 2015年07月14日 11:48
  • 1307

jquery实现点击回到页面顶部

当页面很长的时候,使用滑动条回到顶部总是感觉很不方便,在我做项目遇到这个问题的时候,选中使用jQuery来实现。 jQuery实现回到顶部按钮效果 .upframe{height:1300px...
  • yangmingxing980
  • yangmingxing980
  • 2014年03月24日 11:58
  • 1538

JQuery实现回到顶部

当一个页面的内容比较长时,一般都在页面的右下角的固定位置有个“回到顶部”的按钮,点击后,页面的滚动条逐渐回滚到顶部,本篇来描述一个它的实现过程。 首先,需要有一个按钮 回到顶部 然后给这个元...
  • daguanjia11
  • daguanjia11
  • 2015年05月12日 18:05
  • 3605

JQuery实现一键返回顶部

本文主要实现一键返回顶部的功能,具体返回顶部的图片及样式在js文件中定义。 下面是yestop.js中的代码: /*! * YesTop(jQuery GoToTop) * version: 1.1....
  • haandxc
  • haandxc
  • 2016年03月16日 08:39
  • 536

JQUERY右侧悬浮返回顶部代码

这个是用JQURY实现的一键置顶功能 直接复制粘贴代码就可以用了哦~~ 具体效果如下 比心♥~~ jQuery右侧悬浮返回顶部代码 ...
  • alokka
  • alokka
  • 2017年06月22日 18:00
  • 456

jquery实现当页面滚动超过一屏时显示返回顶部按钮

jquery实现当页面滚动超过一屏时显示返回顶部按钮 #go_top{position:fixed; LEFT: 85%;bottom:50px;} $(document).ready(fu...
  • u013372487
  • u013372487
  • 2015年11月11日 18:17
  • 3971

js实现返回顶部功能的解决方案

很多网站上都有返回顶部的效果,本文阐述如何使用jquery实现返回顶部按钮。 首先需要在顶部添加如下html元素: 返回顶部 其中a标签指向锚点top,可以在顶部防止一个的锚点,这样在浏览器...
  • xiebaochun
  • xiebaochun
  • 2014年08月19日 06:21
  • 49733
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 返回顶部
举报原因:
原因补充:

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