我在引导程序的核心管理结构中工作,页面顶部有一个主标题,下面有一个子标题。我试图让该子标题在用户向下滚动时固定到页面顶部,以便他们始终可以看到该信息,但我遇到了一些麻烦。
我想坚持到顶部的部分看起来像这样。
<div class="area-top clearfix" >
<div class="pull-left header">
<h3 class="title"><i class="icon-group"></i>Dashbord</h3>
</div><!--.header-->
<ul class="inline pull-right sparkline-box">
<li class="sparkline-row">
<h4 class="blue"><span> Cover Designs</span> 4</h5>
</li>
<li class="sparkline-row">
<h4 class="green"><span> Video Trailers</span> 5</h5>
</li>
<li class="sparkline-row">
<h4 class="purple"><span> Web Banners</span> 5</h5>
</li>
</ul>
</div><!--.area-top-->
到目前为止,我已经尝试将其包装在另一个带有navbar navbar-fixed-top
类的 div 中。但这立即将其推向了顶部,并重叠了需要查看的内容。
我还尝试通过添加position:fixed;
到当前 div 来使用纯 css,但这会弄乱我放在它下面的面包屑,因为它会将它从流程中取出。
反正有没有用css来完成这个。我知道我可以用 jquery 做一个 hack,但在我的团队中,我只负责 css。