一.最简单的静态返回顶部
1.
用命名锚点击返回到顶部预设的id为top的元素
<a href="#top“>返回顶部</a>
2.
操作scrooll函数用来控制滚动条的位置(第一个参数是水平位置,第二个参数是垂直位置)
<a href="javascript:scroll(0,0)">返回顶部</a>
二.简单的静态返回顶部,用js模拟滚动效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> #btn { position: fixed; bottom: 0; } </style> </head> <body style="height: 10000px"> <a href="javascript:;" id="btn">回到顶部</a> <script> window.onload = function(){ var btn = document.getElementById('btn'); // 获取视界高度; var winH = document.documentElement.clientHeight; // 定义计时器; var timer = null; // 定义是否抵达顶部布尔值判断; var isTop = true; // 设置滚动事件; window.onscroll = function(){ var toTop = document.body.scrollTop || document.documentElement.scrollTop; // 判断是否到了第二屏,若是,显示按钮; if (toTop >= winH) { btn.style.display = 'block'; }else{ btn.style.display = 'none'; }; // 判断是否抵达顶部,若否,停止计时器; if (!isTop) { clearInterval(timer); }; // 重置布尔值判断; isTop = false; } // 设置按钮单击事件; btn.onclick = function(){ // 设置计时器,50毫秒间隔; timer = setInterval(function(){ var toTop = document.body.scrollTop || document.documentElement.scrollTop; // 设置速度,用等式而不用具体数值是为了产生缓动效果; var speed = Math.ceil(toTop/5); // 作差,产生缓动效果; document.documentElement.scrollTop = document.body.scrollTop = toTop - speed; // 重置布尔值判断; isTop = true; // 判断是否抵达顶部,若是,停止计时器; if (toTop == 0) { clearInterval(timer); }; },50); } } </script> </body> </html>
相关推荐
简单的静态旅游网站,是用DreamWeaver做的。
一个简单的静态页面,企业网站的静态页,就是一些静态页
简单的静态网页,适合用来交期末作业啦,基本上静态网页的技术都用到了
使用html、css、div、float、ul写的一个简单的静态页面
一个非常简单的静态网站,网站内容为“有趣的鸡蛋”
一个简单的静态网页 用怡宝纯净水网为模板
伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪静态伪...
静态页面 div+css 布局 图片,浮动,div滚动条,背景图片平铺,文字大小样式控制。
自己大学做的最简单静态网页,就几个简单的跳转,没有数据库,可以根据自己的需要更改图片文字和音频。
一个简单的静态列表,以后还更新,动态列表和其他的关于C语言的东西
静态网站模板用div+css做的简单静态网站 这个是最近新的 下载地址:http://download.csdn.net/source/3461634 此为静态模板,含时间(农历)显示,二级下拉弹出菜单,幻灯片播放,栏目导航切换,视频播放,图片无缝...
一个简单的适合初学者参考的网页实例,代码简单,界面可以参考。
对静态页面最简单的一个示例介绍。展示了怎样建一个最简单的静态页面。并配有详尽注释。
一个简单的网页制作,很适合用来提交老师布置的HTML作业
简单的静态分页,写的比较匆忙,瞎写的,希望大家能用上。
简单的HTML静态模板,登录和注册,主页
对于刚接触前端的同学 在学习了html+css+js后 可以对应写一个简单的登录注册的静态页面。压缩包里面有两个类型的登录注册页面。具体价值意义不大,主要是前期练练对于基本语言的熟练度哈。
songsair的静态网页代码及资源,只有一个目录,很简单的一个。
iis6的伪静态配置放大及静态文件,内涵配置描述以及文件信息