html - 如何使标题在顶部变为静态

Question

如何使标题导航看起来像http://dipstrategy.com？

当我滚动它时，我的导航栏一直向下移动。

有人有建议吗？

Answer 1

如果您希望即使向下滚动也应该修复菜单，那么您必须使用 css 属性postion:fixed并且您提供的演示站点做了同样的事情

<div id="top" class="wrapper">
    <div class="wrapper">
        <div class="logo left">
            <img src="images/dipstrategy.png" alt="web agency">        </div>
        <div class="navigation right">
            <ul id="nav">
            <li class="margin-right15 current"><a href="#home">HOME</a></li>
            <li class="margin-right15"><a href="#do">WHAT WE DO</a></li>
            <li class="margin-right15"><a href="#team">CORE TEAM</a></li>
            <li class="margin-right15"><a href="#work">WORKS</a></li>
            <li><a href="#contact">CONTACT US</a></li>
        </ul>
        </div>
        <br clear="all">
    </div>
</div>

CSS :-

#top {
    position: fixed;
    background: #1a1a1a;
    width: 100%;
    height: 70px;
    z-index: 1999;
}