美文网首页
初始化回到顶部

初始化回到顶部

作者: chasing_dream | 来源:发表于2019-06-21 17:45 被阅读0次
                     //初始化回到顶部
                    $ui.wait(function() {
                        return angular.element('.backtotop').length;
                    }, function() {
                        var ele = angular.element('.backtotop');
                        //当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失
                        $(window).scroll(function() {
                            if ($(window).scrollTop() > 100) {
                                ele.fadeIn(200);
                            } else {
                                ele.fadeOut(300);
                            }
                        });
                        ele.click(function() {
                            if ($('html').scrollTop()) {
                                $('html').animate({
                                    scrollTop: 0
                                }, 300);
                                return false;
                            }
                            $('body').animate({
                                scrollTop: 0
                            }, 300);
                            return false;
                        });
    

    相关文章

      网友评论

          本文标题:初始化回到顶部

          本文链接:https://www.haomeiwen.com/subject/wpcteftx.html