为了账号安全,请及时绑定邮箱和手机立即绑定

分享下js源码

按照老师的代码写的,只是两个js文件写在一起了.
define(["jquery"], function ($) {
    function BackTop(el, opts) {
        this.opts = $.extend({}, BackTop.DEFAULTS, opts);
        this.$el = el;
        this.scroll = $("html,body");
        console.log(this.opts.mode);
        if (this.opts.mode === "move") {
            this.$el.on("click", $.proxy(this._move, this));
        } else {
            this.$el.on("click", $.proxy(this._go, this));
        }
        $(window).on("scroll", $.proxy(this._check, this));
        $(function(){this._check;});
    };
    BackTop.DEFAULTS = {
        mode: "move",
        pos: 0,
        speed: 800
    };
    BackTop.prototype._move = function () {
        if ($(window).scrollTop() !== 0) {
            if (!this.scroll.is(":animated")) {
                this.scroll.animate({
                    scrollTop: 0
                }, this.opts.speed);
            }
        }
    };
    BackTop.prototype._go = function () {
        if ($(window).scrollTop() !== 0) {
        this.scroll.scrollTop(0);
        }
    };
    BackTop.prototype._check = function () {
        var $el = this.$el;
        if ($(window).scrollTop() > this.opts.pos) {
            $el.fadeIn();
        } else {
            $el.fadeOut();
        }
    };
    return {
        BackTop: BackTop
    };
});


正在回答

1 回答

举报

0/150
提交
取消
侧栏工具条开发
  • 参与学习       68227    人
  • 解答问题       289    个

带动画效果的工具条,掌握如何用CSS3完成简单的动画效果

进入课程

分享下js源码

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信