Bootstrap附加导航插件

一．附加导航
附加导航即粘贴在屏幕某处实现锚点功能。
//基本实例。




Bootstrap Affix




第一部分

第二部分
第三部分
第四部分
第五部分



第一部分
...
第二部分
...
第三部分
...
第四部分
...
第四部分
...





//导航的 CSS 部分
ul.nav-pills { width: 200px;
}
ul.nav-pills.affix{ top: 30px;
}

//JavaScript 代替 data-spy="affix" data-offset-top="125"
$('#myAffix').affix({ offset: {
top: 150
}
})

我们默认使用的是 top，当然也可以默认居底 bottom。这个定位方式是直接通过 CSS
定位的。
//设置成 bottom
ul.nav-tabs.affix-bottom{ bottom : 30px;
}

//设置成 bottom
$('#myAffix').affix({ offset: {
bottom: 150
}
})

Affix 包含几个事件，如下：

成都创新互联秉承实现全网价值营销的理念，以专业定制企业官网，网站建设、网站制作，小程序定制开发，网页设计制作，移动网站建设，全网营销推广帮助传统企业实现“互联网+”转型升级专业定制企业官网,公司注重人才、技术和管理，汇聚了一批优秀的互联网技术人才,对客户都以感恩的心态奉献自己的专业和所长。

//其他雷同
$('#myAffix').on('affixed-top.bs.affix', function () {
alert('触发！');
});