Question

html5如何做一个随着滚动条而自动置顶的导航菜单

具体例如守望先锋官网的导航栏,一开始距离置顶菜单一定距离,滚动条下拉后就替代了原置顶菜单的位置变成页面绝对定位

Answer 1

修改的就是那些top之类的，如下所示：从第一个变成第二个。。。



<div class="navbars" style="top: 44px;">
    <nav role="main" class="" style="margin-top: 20px; margin-left: 20px; margin-right: 20px;">
    </nav>
</div>







<div class="navbars" style="top: 0px;">
    <nav role="main" class="" style="margin-top: 0px; margin-left: 0px; margin-right: 0px;">
    </nav>
</div>