Skip to content

woaixiangbao/fixed

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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);
});

About

实现元素跟随滚动的效果

Resources

Stars

Watchers

Forks

Packages

No packages published