`

“回到顶端”按钮实现

 
阅读更多 
<html>
<head>
    <title>“回到顶端”按钮实现</title>
    <script type="text/javascript" src="/js/jquery/jquery-1.8.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $(window).scroll(function() {
                if ($(this).scrollTop() > 15) {
                    $('.back-to-top').fadeIn(100);
                } else {
                    $('.back-to-top').fadeOut(100);
                }
            });

            // jQuery实现动画滚动
            $('.back-to-top').click(function(event) {
                event.preventDefault();
                $('html, body').animate({scrollTop: 0}, 500);
            })
        });
    </script>
</head>
<body>
<div id="content">
  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

  <div class="back-to-top">back-to-top</div>
</div>
</body>
</html>






  • 大小: 39.3 KB
  • 大小: 38.6 KB
分享到：
| 用jquery实现输入框消失文字
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    特效代码——回到顶端

    代码——回到顶端特效代码

    回到顶端插件ScrollUp.zip

    回到顶端插件ScrollUp是一款基于jQuery是实现的“回到页面顶端”的插件，能够帮助你快速的实现一个完全自定义的“back to top"的功能。

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

    2.5 核心的一款系统插件，它的功能是，当网页向下滚动到一定位置时，就开始在屏幕底部显示“回到页顶”按钮，点击之后可迅速回到当前页面顶部。对于比较长的网页来说，可以方便访客快速返回页面顶端，省去拖动...

    jsp页面回到页面顶端

    当一面内容过多，而不想用分页的是时候，就会用到从页面底端到页面顶端，动态效果，简单的几种方法。

    回到顶端插件ScrollUp特效代码

    回到顶端插件ScrollUp是一款基于jQuery是实现的回到页面顶端的插件，能够帮助你快速的实现一个完全自定义的back to top的功能。

    网页返回顶端代码

    简单的但效果极佳的网页返回顶端代码，使用起来不错！

    js控制的回到页面顶端goTop的代码实现

    有没有见过很多在页面的右下角有个【回到顶端】的悬浮东东，并且在开始时没有，一移动滚动条就出现，回到了顶端又消失的样子。 像: 控制的js代码如下： 代码如下: function goTop(){ var _btn = document....

    C&K开发出业界最小的顶端按钮轻触开关系列

    &K Components公司开发出一个新的超小型电动顶端按钮的轻触开关系列，命名为KMT系列。这一新系列开关带有一个集成按钮（推杆），具有业界最小封装，与同类产品相比可增加50％的工作寿命。 　使用寿命扩展到150,000...

    jQuery实现返回顶部

    jQuery实现返回顶部

    从详情页返回列表页，应该回到顶端？

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

    C&K发布微型顶端按钮轻触开关系列KMT

    C&K Components公司开发出一个新的超小型电动顶端按钮的轻触开关系列KMT。这一新系列开关带有一个集成按钮（推杆），具有业界最小封装，与同类产品相比可增加50％的工作寿命。 　该器件使用寿命扩展到150,000个...

    C&K发布超小型电动顶端按钮轻触开关系列KMT

    C&K Components公司开发出一个新的超小型电动顶端按钮的轻触开关系列KMT。这一新系列开关带有一个集成按钮(推杆)，具有最小封装，与同类产品相比可增加50%的工作寿命。该器件使用寿命扩展到150,000个周期，可选镀金...

    MFC如何在标题栏添加按钮.txt

    想在窗口标题栏（最顶端的蓝色部分）添加按钮，类似于关闭和最小化之类的按钮，该如何进行？还有能控制标题栏的长度和高度吗？

    jQuery可爱火箭回到顶部效果代码.zip

    jQuery可爱火箭回到顶部效果代码，当滑动网页到下面的时候，会出现小火箭，到顶部，小火箭消失，点击小火箭有个返回顶部的效果，一般我们在商城网站或者企业网站中经常用到这样的效果,php中文网推荐下载！

    Java实现窗口放在桌面顶端隐藏和系统托盘的效果

    Java实现窗口放在桌面顶端隐藏和系统托盘的效果，效果类似QQ

    窗口顶端显示的软件DM2

    非常好用的窗口顶端显示的软件，有时非常有用。可以实现LINUX下的功能。

Magicbox
Global site tag (gtag.js) - Google Analytics