码迷,mamicode.com
首页 > Web开发 > 详细

微网站自动显示 返回顶部 按钮 的代码

时间:2015-05-15 13:26:40      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:

        //返回顶部
        var globalScrollTop = $(document).height() - $(window).height();
        function showBackToTop() {
            if ($(window).scrollTop() > globalScrollTop) {
                $("#divTop").show();
            }
            else {
                $("#divTop").hide();
            }
        }
            //页面滚动时,“返回顶部”按钮 是否显示
            $(window).scroll(function () {
                showBackToTop();
            });

            //页面resize时,“返回顶部”按钮 是否显示
            $(window).resize(function () {
                showBackToTop();
            });
                <!--返回顶部-->
                <div id="divTop" class="returntop" style="position:fixed; right:10px; bottom:90px; display:none;"></div>
            //返回顶部
            $("#divTop").click(function () {
                $("body, html").animate({ scrollTop: 0 }, 0);
                $(this).hide();
            });

 

微网站自动显示 返回顶部 按钮 的代码

标签:

原文地址:http://www.cnblogs.com/subendong/p/4505690.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!