分享下js源码

来源:-

慕慕8729977

2016-01-04 19:41

按照老师的代码写的,只是两个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回答

侧栏工具条开发

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

68226 学习 · 289 问题

查看课程

相似问题