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

初始化回到顶部

作者: 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;
                    });

相关文章

  • 初始化回到顶部

  • js 返回页面顶部(动画)

    js 返回到页面顶部,含有渐变或者动画效果 点击返回顶部按钮,页面逐渐向上回到顶部: js 返回到页面顶部,直接返...

  • 回到顶部

    经过百度与stackoverflow4年前还有很多quirks模式的时候 原因是这样的 Firefox & IE...

  • 回到顶部

    首先来下简易的css和html布局 其中图片: 接下来js 这个时候我们console.log(ispeed),发...

  • 回到顶部

  • 回到顶部

    首先提到回到顶部我们就想到的是a标签锚点跳转 a标签返回顶部的话会产生改变路由的问题每次用户点击返回顶部的话是可以...

  • 回到顶部

  • 回到顶部

    方法1 方法2

  • 回到顶部

  • 回到顶部

    toTop(){ let timer = null; cancelAnimationFrame(timer);...

网友评论

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

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