我正在使用 Bootstrap Affix,如下所示:
<div data-spy="affix" data-offset-top="220">
我添加这个 css 来修复触发附加时的位置:
.affix {
position: fixed;
top: 20px;
z-index:1;
margin-left: auto ;
margin-right: auto ;
}
是否可以在多个 Dom 元素上使用 Affix 并影响不同的 css,如下所示:
<div data-spy="affix2" data-offset-top="220">
.affix2 {
position: fixed;
top: 50px;
z-index:1;
}
你可以为 2 个 div 制作说明符..
HTML
<div id="affix1" data-spy="affix" data-offset-top="220">..</div>
<div id="affix2" data-spy="affix" data-offset-top="220">..</div>
CSS
#affix1.affix {
position: fixed;
top: 50px;
z-index:1;
}
#affix2.affix {
position: fixed;
top: 200px;
z-index:1;
}
这是一个演示:http://bootply.com/63178 http://bootply.com/63178
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)