滚动时如何防止内容浮动在导航栏后面?
<Navbar className="navbar-form navbar-fixed-top" responsive collapseable brand='x' inverse toggleNavKey={1} onClick={this.handleMouseDown}>
或者是在:
<Nav className="navigation"..
Thanks
将自定义类添加到您的navbar
组件,比如说,sticky-nav
。在其上定义以下 CSS 属性:
.sticky-nav {
position: sticky;
top: 0;
}
这将使您的导航栏粘在顶部,并自动调整其后续 DOM 元素的高度。您可以阅读更多有关sticky
属性于MDN https://developer.mozilla.org/en-US/docs/Web/CSS/position.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)