特定の位置で対象を表示する

jquery.showElementOnScroll.js

/**
 * 特定の位置で対象を表示する
 * @param {String} el       対象のセレクター ※必須
 * @param {Number} position 特定の位置 ※必須
 */
function ShowElementOnScroll(el,position){
	this.$el = $(el);
	this.position = position;
	this.$window = $(window);
	this.event();
}

ShowElementOnScroll.prototype = {

	event: function(){
		var that = this;
		this.$window.on('scroll', function(){
			var scrollTop = that.getScrollTop(this);
			that.decidePosition(scrollTop);
		});
	},

	getScrollTop: function(self){
		return $(self).scrollTop();
	},

	decidePosition: function(scrollTop){
		if( scrollTop > this.position ){
			this.$el.stop().fadeIn(200);
		}else{
			this.$el.stop().fadeOut(200);
		}
	}
}