juqery 当浏览器滚动到一定位置时悬浮
html代码
<div id="recCom">
我的内容
</div>
jquery代码
$(function(){
var box_top = $("#recCom").offset().top; //获取原始距浏览器顶部距离
var box_left = $("#recCom").offset().left;//获取原始距浏览器左边距离
//当鼠标滚动时,执行下面函数
$(window).scroll(function(){
var win_top = $(this).scrollTop();//动态获取当前浏览器的高度
//当览器的高度 大于等于 对象原始距浏览器顶部距离 时 修改css样式
if(win_top >= box_top){
$("#recCom").css({
'position':'fixed',
'top':0,
'left':box_left
});
}
//当览器的高度 小于 对象原始距浏览器顶部距离 时 修改css样式
if(win_top < box_top){
$("#recCom").css({
'position':'relative',
'top':0,
'left':0
});
}
});
});