大佬教程收集整理的这篇文章主要介绍了css – 向下滚动时引导程序固定标题,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想坚持顶部的部分看起来像这样.
<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;来尝试使用plain css;对于现在的div,但是这会弄乱我放在它下面的面包,因为它会把它从流动中取出来.
CSS:
.sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; }
将“sticky-top”类添加到子标题.
例如:你可以看到下面的小提琴类似于问题.当用户滚动时,第二个菜单固定在顶部.
以上是大佬教程为你收集整理的css – 向下滚动时引导程序固定标题全部内容,希望文章能够帮你解决css – 向下滚动时引导程序固定标题所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。