javascript跟随滚动效果插件代码（javascriptFollowPlugin）_javascript技巧



Js 跟随滚动效果插件
支持定义多个跟随ID，采用css fixed属性，不支持ie6，兼容其他主流浏览器。
支持定义滚动到底部的最小高度，不会覆盖底部
页面大小resize后，插件会自动重置参数
=======
Js 跟随滚动效果插件
1.支持定义多个跟随ID，采用css fixed属性，不支持ie6，兼容其他主流浏览器。
2.支持定义滚动到底部的最小高度，不会覆盖底部
3.页面大小resize后，插件会自动重置参数
=======
使用方法
代码如下
代码如下:

window.onload = function(){
var followIds = [document.getElementById("follow"),document.getElementById("follow2")];
new Follow({
obj:followIds,
bottom:150
});
}

完整实例
代码如下
代码如下:









Header



使用方法：

1.载入插件，在页面载入之后，window.onload = function(){}

2.创建需要跟随的对象的数组，比如 var followIds = [document.getElementById("follow"),document.getElementById("follow2")];

3.初始化Follow：new Follow();

4.传参，obj是对象数组，bottom是滚动块距离底部的最小的高度

---

跟随滚动
模块1


跟随滚动
模块2



Footer



window.onload = function(){
var followIds = [document.getElementById("follow"),document.getElementById("follow2")];
new Follow({
obj:followIds,
bottom:150
});
}