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

浏览数：27 / 时间：2015年06月09日

        //返回顶部
        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();
            });

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

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