目的:实现“返回页面顶端/顶部”的动作。
背景:曾经面试被问到这个效果该怎么实现,,,额,没有答上。其实很简单的,
参考了两个网站的代码,现整理如下。
方法:
case1:使用window对象:
<a id="gotop_btn" style="" onclick="window.scroll(0, 0)"></a>
case2:使用jquery动画函数,animate:
$('html,body').animate({scrollTop:0}, 500);
case3:使用HTML标签--<link>:
<a id="tips">Useful Tips Section</a>
<a href="#tips">Visit the Useful Tips Section</a>
--- --- --- --- --- --- --- ---
有代码可参考,欢迎下载。
如有问题请留言。
ps:浏览器 请尽量使用 Chrome,Firfox;
我的IE7不好使。
分享到:
相关推荐
jQuery实现返回顶部
代码简介:jQuery带QQ客服下拉返回顶部代码是一款网页右边带有两个按钮,一个是在线QQ客服按钮,另一个是返回顶部按钮,当页面下拉的时候方可显示。
scrollUp滑动页面底部,出现返回顶部按钮,点击时,返回顶部
主要介绍了使用javascript实现博客园页面右下角返回顶部按钮的思路及源码,非常不错,这里推荐给小伙伴们
Top of the Page 是针对 Joomla! 2.5 核心的一款系统插件,它的功能是,当网页向下滚动到一定位置时,就开始在屏幕底部显示...对于比较长的网页来说,可以方便访客快速返回页面顶端,省去拖动浏览器滚动条的麻烦。
这是一款基于jquery小火箭返回顶部特效源码,解决了页面太长造成的用户返回页面顶端困难。 为大家分享的jquery小火箭返回顶部代码如下 <head> <title>jquery小火箭返回顶部代码</title> <link...
返回到列表时,列表不应刷新、页面不应回到顶端,应该是返回原地,回到刚才离开的那个位置。对于PC的网页,这个问题并不典型,因为,新链接是在原窗口打开还是在新窗口中打开,这都还没个定论,如果是在新窗口中打开...
在网页的最顶端 <!doctype html> 2、由一对 html 根标记,来表示页面的开始与结束 Demo : 1、在 htdoc 中,创建一个网页 01-first.html 文件 创建一个 记事本,将 .txt 重命名为 .html 2、搭建HTML网页结构 ...
' 页面,请注明来自易语言资源网,谢谢合作! ' --===================== www.5A5X.com ================-- 热键标志 = 注册热键 (_启动窗口.取窗口句柄 (), 标签1.取窗口句柄 (), 0, #F7键) 标签1.底图 = #gqj '...