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

关于backtop.js文件判断浏览器屏幕滚动条代码

老师可以发下源码吗?照着打的还是会出现问题,当滚动一屏时返回顶部的按钮显示不出来,只有刷新可以显示,哪里错了呢?

define(['jquery','scrollto'],function($,scrollto){
	function BackTop(el,opts){
        this.opts=$.extend({},BackTop.DEFAULTS,opts);
        this.$el=$(el);
        this.scroll=new scrollto.ScrollTo({
        	dest:0,
        	speed:this.opts.speed
        });
        this._checkPosition();
        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._checkPosition.this));

	}
	BackTop.DEFAULTS={
		mode:'move',
		pos:$(window).height(),
		speed:800
	}
    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){
        	 //alert(this.opts.pos)
        	// console.log($(window).scrollTop)
           this.$el.fadeIn()
        }else{
           this.$el.fadeOut();
        }
    };

     $.fn.extend({
     	backtop:function(opts){
     		return this.each(function(){
     			new BackTop(this,opts)
     		})
     
     	}
     })


    return {
    	BackTop:BackTop
    };
})


正在回答

举报

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

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

进入课程

关于backtop.js文件判断浏览器屏幕滚动条代码

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