scrollfix.js插件：滚动固定在某个位置

插件文件在/文件 scrollfix.js

用法：

var fix = $(".fix"), fixtop = $(".fix-top"), fixStartTop = $(".fix-startTop"), fixStartBottom = $(".fix-startBottom"), fixbottom = $(".fix-bottom"), fixfooter = $(".fix-footer");
fix.scrollFix(); //第一种
fixtop.scrollFix({distanceTop:20}); //第二种
fixStartTop.scrollFix({startTop:"#startTop"}); //第三种
fixStartBottom.scrollFix({startBottom:"#startBottom"}); //第四种
fixbottom.scrollFix({endPos:300});//第五种
fixfooter.scrollFix({endPos:"#fixFooter"}); //第六种
fixbottom.scrollFix({distanceTop:20,startTop:"#startTop",endPos:300}); //第七种
fixfooter.scrollFix({distanceTop:10, startBottom:"#startBottom", endPos:"#fixFooter"}) //第八种

参数详解

参数名字	参数值	参数作用
startTop	null	开始固定的jquery对象的顶部
startBottom	null	开始固定的jquery对象末端，两个参数都设置的话，默认后面参数生效
distanceTop	0/null	数值，距离顶部的高度，可以为高度或者jquery对象
endPos	null/0	距离底部的高度，可以为高度或者jquery对象
bottom	-1	默认不使用位置为bottom的值，当设置为0，将会停在窗口底端
zIndex	0	当没有设置这个值时，将默认使用元素的css z-index值
baseClassName	'scrollfixed'	当元素开始固定时给它添加一个class，你可以设置为你喜欢的类名。

 

推荐：整合的在底部、侧栏和底部同时固定的演示

第一种:默认滚动到这里开始固定

第二种:滚动到距离这里顶部20像素开始固定

第三种:滚动到一个标签#startTop的头部开始固

第四种:滚动到一个标签#startBottom的末端开始固定

第五种:滚动停在底部300像素

第六种:滚动停在底部#fixFooter的位置

第七种:混合模式：元素距离顶部20像素，滚动到某个标签开始滚动，最后停靠在底部300像素位置

第八种:混合模式：距离顶部10像素，到某个标签的底部开始浮动，停靠在某个标签的位置