<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>JS 回到顶部</title>
<link rel="stylesheet" href="base.css" />
<style>
#toTop {
width: 30px;
height: 40px;
padding: 20px;
text-align: center;
background: #06c;
position: absolute;
cursor: pointer;
color: #fff;
}
</style>
<script>
window.onload = function() {
var oTop = document.getElementById("toTop");
var screenw = document.documentElement.clientWidth || document.body.clientWidth;
var screenh = document.documentElement.clientHeight || document.body.clientHeight;
oTop.style.left = screenw - oTop.offsetWidth + "px";
oTop.style.top = screenh - oTop.offsetHeight + "px";
window.onscroll = function() {
var scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
oTop.style.top = screenh - oTop.offsetHeight + scrolltop + "px";
}
oTop.onclick = function() {
document.documentElement.scrollTop = document.body.scrollTop = 0;
}
}
</script>
</head>
<body style="height:3000px;">
<h3 style=" text-align: center; padding-top: 40px;">阅谁问君诵，水落清香浮</h3>
<div id="toTop">返回顶部</div>
</body>
</html>
PSp：兼容IE6+，火狐，谷歌，欧朋的内核浏览器
效果图：
相关推荐
gototop是一款轻量级、简单易用的jquery返回顶部插件。该jquery返回顶部插件在用户向下滚动页面一段距离之后，会以CSS3动画方式出现返回顶部按钮。点击返回顶部按钮之后，页面以平滑的方式滚动回顶部。
返回顶部组件是一种极其常见的网页功能，需求简单：页面滚动一定距离后，显示返回顶部的按钮，点击该按钮可以将滚动条滚回至页面开始的位置,接下来通过本文给大家介绍原生JS实现平滑回到顶部组件，需要的朋友参考...
使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该锚点的链接，用户点击该链接即可返回到该锚点所在的顶部位置 [注意]关于锚点的...
SWFUpload是一个客户端文件上传工具，最初由Vinterwebb.se开发，它通过整合Flash与JavaScript技术为WEB开发者提供了一个具有丰富功能继而超越传统标签的文件上传模式。 [编辑本段]SWFUpload的主要特点 * 可以...
//document.writeln ('<dd>06月23日 改进返回顶部功能</dd>'); //document.writeln ('<dd>06月21日 修复IE6下兼容问题</dd>'); //document.writeln ('<dd>06月01日 懒人图库2012新版上线</dd>'); //document.writeln...
<script type="text/javascript" src="/jquery/jquery.js"> <script type="text/javascript"> $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); <p>If you click on me, I ...
十、返回顶部不再单一。可以上、可以下。放在上下按钮上，屏幕自动滚屏。中间按钮点击一下滚动三分之一的屏幕，再点击一下再次滚动，不断点击可以快速浏览整个网站。進入内容也后，点击即可查看评论。 十一、JS控制...
如果担心之前的设置会丢失，可以在删除之前版本前，打开主题设置页面，保留不要关闭，安装新版后，返回保留的设置页面，点击一下保存设置，随后再设置新版本的一些功能。另外，主题在安装微软雅黑系统中IE8以上或...
1.主导航页面主要功能点是在顶部的标题栏可以滑动，scrowView和collectionView的循环利(之前版本)用并且在点击标题栏或是，手势滑动的时候，下面的页面都会滑到当前的页面。 并且新闻模块是懒加载的，你要看哪几个...
如果您不是用户，您可以点击顶部按钮注册成为用户后，您可以创建新文章####新文章创建创建新文章就像说明您是谁、添加标题、指向适当图像的 URL 链接、内容和类别一样简单。 ####文章页面 文章在创建时看起来像这样...
zheng.jtotop.js | 返回顶部插件 | [https://github.com/shuzheng/zheng.jtotop.js](https://github.com/shuzheng/zheng.jtotop.js) #### 架构图  #### 模块依赖 !...