/fixed

实现元素跟随滚动的效果

Primary LanguageJavaScript

fixed


Build Status Coverage Status

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

例如 brunch.iobootstrap 页面左边侧边栏的效果,或着请看 演示

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

实现原理是在除 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);
});