woaixiangbao / fixed

实现元素跟随滚动的效果

fixed

---

实现侧边栏跟随滚动的效果，当滚动条滚动到一定距离时，指定区域变为 fixed 效果开始跟随页面。

例如 brunch.io 和 bootstrap 页面左边侧边栏的效果，或着请看 演示。

相似组件：博客侧边栏跟随滚动效果 。

实现原理是在除 IE6 外其他浏览器使用 position: fixed，对 IE6 进行 js 模拟。

注意，请使用 1.0.1 及以上版本！

---

使用说明

这是一个工具模块，只提供一个接收两个参数的方法Fixed。

Fixed(element, marginTop)

seajs.use('fixed', function(fixed){
    Fixed('#test', 30);
});

element 是指需要跟随滚动的目标元素，接受 jQuery selector 对象。

marginTop 指当元素距离当前可视窗口顶部的距离等于这个值时，开始触发跟随 fixed 状态。

当把第二个参数设置的特别大时，这基本上就是一个 js 的全局 Fixed 解决方案。

seajs.use('fixed', function(fixed){
    Fixed('#test', 20000);
});