`
johnson_gong
  • 浏览: 12416 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

返回页面顶部,顶端

阅读更多
目的:实现“返回页面顶端/顶部”的动作。
背景:曾经面试被问到这个效果该怎么实现,,,额,没有答上。其实很简单的,
参考了两个网站的代码,现整理如下。

方法:
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实现返回顶部

    jQuery带QQ客服下拉返回顶部代码.zip

    代码简介:jQuery带QQ客服下拉返回顶部代码是一款网页右边带有两个按钮,一个是在线QQ客服按钮,另一个是返回顶部按钮,当页面下拉的时候方可显示。

    scrollUp滑动返回顶部

    scrollUp滑动页面底部,出现返回顶部按钮,点击时,返回顶部

    javascript实现博客园页面右下角返回顶部按钮

    主要介绍了使用javascript实现博客园页面右下角返回顶部按钮的思路及源码,非常不错,这里推荐给小伙伴们

    Joomla插件—Top of the Page回到顶部按钮-中文版

    Top of the Page 是针对 Joomla! 2.5 核心的一款系统插件,它的功能是,当网页向下滚动到一定位置时,就开始在屏幕底部显示...对于比较长的网页来说,可以方便访客快速返回页面顶端,省去拖动浏览器滚动条的麻烦。

    jquery小火箭返回顶部代码分享

    这是一款基于jquery小火箭返回顶部特效源码,解决了页面太长造成的用户返回页面顶端困难。 为大家分享的jquery小火箭返回顶部代码如下 &lt;head&gt; &lt;title&gt;jquery小火箭返回顶部代码&lt;/title&gt; &lt;link...

    从详情页返回列表页,应该回到顶端?

    返回到列表时,列表不应刷新、页面不应回到顶端,应该是返回原地,回到刚才离开的那个位置。对于PC的网页,这个问题并不典型,因为,新链接是在原窗口打开还是在新窗口中打开,这都还没个定论,如果是在新窗口中打开...

    html入门到放弃笔记

    在网页的最顶端 &lt;!doctype html&gt; 2、由一对 html 根标记,来表示页面的开始与结束 Demo : 1、在 htdoc 中,创建一个网页 01-first.html 文件 创建一个 记事本,将 .txt 重命名为 .html 2、搭建HTML网页结构 ...

    易语言家庭影音播放器源码

    ' 页面,请注明来自易语言资源网,谢谢合作! ' --===================== www.5A5X.com ================-- 热键标志 = 注册热键 (_启动窗口.取窗口句柄 (), 标签1.取窗口句柄 (), 0, #F7键) 标签1.底图 = #gqj '...

Global site tag (gtag.js) - Google Analytics