WEB前端:jQuery实现鼠标滚动指定距离后指定元素浮动

这是一个记录文首先获取指定元素距离顶部的高度$(“#divID”).offset().top然后获取...

这是一个记录文


首先获取指定元素距离顶部的高度

$(“#divID”).offset().top


然后获取当前鼠标滚动的距离

$(window).scrollTop();

如果已知指定元素需要的距离的数值,那么仅用这一个,就已经可以进行判断了。


获取当前页面的高度

$(window).height();


然后根据指定条件进行判断就可以了

var yh = $("#mo_ucenter_collect").offset().top;
$(window).scroll(function(){
	var top = $(this).scrollTop(); // 当前窗口的滚动距离
	if(top>yh){
		$("#mo_ucenter_collect").addClass("fixed");
		$("#mo_ucenter_collect").css("width",$(".content").width());
	}else{
		$("#mo_ucenter_collect").removeClass("fixed");
	}
});


评论