Bootstrap之Affix用法详解及示例

Affix 共有两种用法：一种是通过 data 属性来设置，另一种是通过 javascript 来设置。
 

• 相关文章《Bootstrap的Affix与ScrollSpy用法》

一、 data 属性法：

data 属性法只需要为你想要监听的属性增加 data-spy="affix" 属性即可。然后通过 offset 属性设置上下边距。

1. <div data-spy="affix" data-offset-top="60" data-offset-bottom="200">
2. ...
3. </div>

二、javascript 方法：

通过 Javascript 调用 Affix

1. $(document).ready(function(){
2. $("#myNav").affix({
3. offset: {
4. top: 125
5. }
6. });
7. });

可能看了上面的讲解你依然不知道具体用法，下面提供了两个示例，相信通过这两个示例你一定会使用 Bootstrap 的 Affix 插件了。

下载地址 见附件 Bootstrap-affix.zip
来自  http://9iphp.com/web/html/1034.html