元素滚动悬浮固定小插件fixedItem

	//滚动悬浮 
	//fixedClass 配合元素固定的class类名
	//target参照物,当滚动高度超过参照物时取消悬浮
	//callback($item) 成功固定后的回调,$item为当前固定元素
	$.fn.fixedItem = function(fixedClass,target,callback){
		return $(this).each(function(){
			var $me = $(this),
				winTop = $(window).scrollTop(),
				itemH = $me.outerHeight(true);
			!$me.parent().is('.item-gost') && $me.wrap('<div class="item-gost" style="height:'+ itemH +'px;"></div>');
			var itemTop = $me.parent().offset().top;
			if(winTop < itemTop){
	    		$me.removeClass(fixedClass)
	    	}
	    	if(target){
	    		var targetH = target.outerHeight(true);
				if(winTop > itemTop && winTop < itemTop + targetH){
					$me.addClass(fixedClass);
					callback && callback($me)
				}else if(winTop > itemTop + targetH){
					$me.removeClass(fixedClass);
				}
	    	}else{
	    		if(winTop > itemTop){
	    			$me.addClass(fixedClass)
	    		}
	    	}
		});
	}

	$(window).scroll(function() {
		$('#j_resultTableHd').fixedItem('fixed',$('#j_resultTableBd'));
	});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值