码迷,mamicode.com
首页 > Web开发 > 详细

js面向对象编程2

时间:2015-07-08 18:36:10      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:

定义BackTop,引用scrollto

define([‘jquery‘,‘scrollto‘],function($,scrollto){

  function BackTop(el,opts){//定义构造函数

    this.opts=$.extend({},BackTop.DEFAULTS,opts);

    this.$el=$(el);

 

    this.scroll=new scroll.ScrollTo({

      dest:0,

      speed:this.opts.speed

    })

 

    this._checkPosition();

    $(window).on(‘scroll‘,$.proxy(this._checkPosition,this));    

 

 

 

    if(this.opts.mode==‘move‘){

      this.$el.on(‘click‘,$.proxy(this._move,this));

    }else{

      this.$el.on(‘click‘,$.proxy(this._go,this));

    }

  }

 

  BackTop.prototype._move=function(){

    this.scroll.move();

  }

 

  BackTop.prototype._go=function(){

    this.scroll.go();

  }

 

  BackTop.prototype._checkPosition=function(){

    var $el=this.$el;

    if($(window).scrollTop()>this.opts.pos){

      $el.fadeIn();

    }else{

      $el.fadeOut();

    }

  };

 

  return{

    BackTop:BackTop;

  }

 

 

})

js面向对象编程2

标签:

原文地址:http://www.cnblogs.com/sunhe/p/4630678.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!