推荐：《jQuery插件 – theia-sticky-sidebar – 智能侧边栏跟随固定范围浮动的效果》兼容性较好！
jquery mobile上下滑动效果，jquery 获取对象的值，jquery获取html的高度和宽度，jquery流程图绘制插件，jquery绑定focus事件，jquery validate视频，jquery 等待，jquery 取得框架，jquery滑块验证登录，jquery mobile上下滑动效果
今天分享的是，在滚动跟随达到底部后，自定停止跟随的特效代码，亲测可用！
<!DOCTYPEhtml>
<head>
<metacharset="utf-8">
<title>jquery滚动跟随到底部停止跟随</title>
<scripttype="text/javascript"src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<styletype="text/css">
*{padding:0px;margin:0px;}
.box{width:1000px;background:#ccc;margin:0auto;overflow:hidden;margin-bottom:20px;}
.main{width:770px;height:2000px;background:#000;float:left;}
.sub{width:220px;height:auto;background:#FC6;float:right;}
.fixed{width:220px;background:#F66;font:normal13px/30px\5FAE\8F6F\96C5\9ED1;text-align:center;}
.fixed.boxs{background:red;height:168px;color:#fff;line-height:200px;border:1pxsolid#fff;}
.fix{
position:fixed;
bottom:0;
_position:absolute;
_top:documentElement.scrollTop-this.parentNode.clientHeight+documentElement.clientHeight;
}
.fix-btm{
position:relative;
zoom:1;
}
.clearfix{*zoom:1}.clearfix:after{content:"\20";clear:both;height:0;display:block;overflow:hidden}
.footer,.header{background:#000;height:400px;color:#fff;}
.header{margin-bottom:5px;}
</style>
</head>
<body>
<divclass="header">头部</div>
<divclass="boxclearfix">
<divid="Jmain"class="main">1111111</div>
<divclass="sub"id="Jsub">
<divid="JfixBox"class="fixed">
<divclass="boxs">1</div>
<divclass="boxs">2</div>
<divclass="boxs">3</div>
<divclass="boxs">4</div>
<divclass="boxs">5</div>
<divclass="boxs">6</div>
</div>
</div>
</div>
<divclass="footer">尾部</div>
<scripttype="text/javascript">
$(function(){
var$main=$('#Jmain'),
mainHeight=$main.height(),
$fixBox=$('#JfixBox'),
subHeight=$('#Jsub').height(),
winHeight=$(window).height(),//窗口大小
mainBottomPos=$main.offset().top+mainHeight,
maxTop=mainHeight-$fixBox.height()-(subHeight-$fixBox.height()),
threshold=maxTop;
$(window).scroll(function(){
varscrollTop=$(document.body).scrollTop(),
delta=mainBottomPos-winHeight-scrollTop;
if(delta<=0){
$fixBox.addClass('fix-btm');
$fixBox.css('top',maxTop);
}elseif(delta<=threshold){
$fixBox.removeClass('fix-btm');
$fixBox.css('top','auto');
if(!$fixBox.hasClass('fix')){
$fixBox.addClass('fix');
}
}else{
$fixBox.removeClass('fix-btm');
$fixBox.removeClass('fix');
}
});
});
</script>
</body>
</html>之前发布的几篇关于导航跟随，全都是无限跟随模式，意思是跟随到底，如果把侧栏进行滚动跟随设置的话，跟随过程中甚至会把底部进行覆盖，而不是到达底部后停止跟随。
无其它限制跟随分享：
1、jQuery 导航菜单、广告 —— 固定、置顶、跟随（推荐）
2、jQuery 智能判断跟随页面滚动的导航、菜单、广告，下拉后跟随置顶特效代码（推荐）
3、jQuery – 多个菜单导航滚动跟随，全部积累固定在顶端
4、jquery 实现导航栏置顶跟随窗口滚动
5、即插即用javascript 导航/广告 窗口滚动跟随的效果
6、Jquery制作左侧浮动层滚动时跟随页面滚动