Bootstrap Affix导航——附加导航

2016.7.11

Bootstrap Affix导航——附加导航[链接 bootstrap中文文档]
可以实现的效果:



affix导航可以在一段距离之前和页面其它内容一起滚动,达到某个设定值时固定在页面上,不再滚动,达到一个悬浮导航的作用。
还可以搭配滚动监听一起使用。

***使用方法:
真的不得不说bootstrap的强大,使用极其简单。
eg:

在需要使用的地方,添加data-spy="affix" data-offset-top="设定值",其实这样就可以啦。
但是更好的控制高度,可以在css里设定affix类的top属性:
div.inline-block.affix{
top: 50px;
}

你可能感兴趣的:(Bootstrap Affix导航——附加导航)