多个返回 顶部的代码

代码1:

$("#back-to-top").click(function () {

$(‘body,html‘).animate({

scrollTop: 0

}, 1000);

return false;

});

代码2:

<!DOCTYPE html>

<html>

<head lang="en">

<meta charset="UTF-8">

<title></title>

</head>

<body style="height:6000px;position: relative;">

<a href="javascript:;" style="position: absolute;right:0;bottom:0;" id="btn">返回顶部</a>

<script type="text/javascript">

window.onload=function()

{

var btn=document.getElementById("btn");

var scrolldelay;

var iNow=0;

var top=document.body.scrollTop | document.documentElement.scrollTop;

window.onscroll=function()

{

top = document.body.scrollTop | document.documentElement.scrollTop;

if(top<=0)

{

clearInterval(scrolldelay);

}

};

btn.onclick=function()

{

scrolldelay = setInterval(pageScroll,60);

function pageScroll() {

iNow+=200;

window.scrollBy(0,-iNow);

}

};

}

</script>

</body>

</html>

时间: 2024-11-09 12:10:59

多个返回 顶部的代码的相关文章

弹性返回顶部JS代码

弹性返回顶部JS代码 弹性返回顶部JS代码点击下载

一个简单的返回顶部jQuery代码

本文演示jQuery返回顶部,当文章页比较长时间,可以方便用户返回网站的顶部,实现代码也不难,大家学习下! jQuery返回顶部 调用代码: <script language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script> <script language="javascript" type="

手机端网页返回顶部js代码

<!DOCTYPE html>  <html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>手机端网页返回顶部js代码</title>  <script src="http://libs.baidu.com/jquery/1.11.3/jquery.m

网页内容实现太长实现返回顶部的代码

1. <a id="gotopbtn" style="position:fixed;width:12px;bottom:45px;right:150px;display:none;cursor:pointer;">返回顶部</a> <script> var backTop = function(btnId){ var btn = document.getElementById(btnId); var d = document.do

20款网页常用的返回顶部代码

jQuery网页滚动显示浮动导航带返回顶部按钮 css3悬浮返回顶部按钮悬停显示二维码特效 jQuery网页返回顶部固定层微信二维码代码 jQuery绿色的qq在线客服点击返回顶部代码 div css网页右侧返回顶部样式代码 jQuery响应式网页返回顶部按钮代码 jQuery win8扁平风格返回顶部和在线客服网站侧边栏代码 jquery扁平风格带二维码的页面滑动返回顶部按钮代码 jQuery仿威锋商城网站右侧悬浮层返回顶部代码 jQuery带微信二维码网页侧边返回顶部效果 jquery wi

一句jQuery代码返回顶部

效果体验: http://hovertree.com/texiao/yestop/ 使用方法: 只需引用jQuery库和YesTop插件,然后一句代码就可以实现返回顶部: 引用代码: <script type="text/javascript" src="http://hovertree.com/ziyuan/jquery/jquery-1.11.3.min.js"></script> <script type="text/j

[转]常用返回顶部代码

转至:http://jingyan.baidu.com/article/7082dc1ca6b928e40a89bd1a.html 一.使用HTML的锚标记最简单了 但是唯一的缺点就是样式不怎么样,会显示这个锚标记. <aname="top"id="top"></a> 放置位置在<body>标签之后随便找个地方放都可以,只要靠近顶部即可. 页面底部放置: <ahref="#top"target="

返回顶部浮动图标代码

自打网站换了个主题以后,访问起来最痛苦的事情就是需要滚动条拖来拖去的.今天终于给加上一个返回顶部的浮动图标代码,顺带分享下,最近写作热情高涨,苦于没有时间.顺带上图片一张,截图留念这个版本的皮肤. 代码使用很简单,只需要将HTML代码,和jQuery代码放入到网页的尾部即可.另外你可能还需要和我一样盗用人人网的返回顶部图片一张. HTML代码 1 <div style="display:none;" class="back-to" id="toolB

简单返回顶部代码

动态按需加载返回顶部,css侧边屏幕绝对定位,结合简单jQuery动画实现更好体验 /*默认样式,主要是position:fixed实现屏幕绝对定位,ie6不支持position:fixed效果*/ #gotoTop{/*返回顶部按钮的位置与样式*/ display:none; position:fixed; text-align:center;/*实现按钮内部字体的水平居中 */ top:75%;/*定位向上的位置*/ left:50%;/* 相对于水平向右移50% */ cursor:poi