Html 需要导航条贴窗基础6

我很难让导航条保持在窗口的顶部。我尝试过使用“粘性数据”，但什么都没有。无论我做什么，它都会随着页面滚动。我还尝试将该类添加到中小型导航系统中。有什么建议吗

Html:

---

以下是对您提出的问题的有效解决方案：

使用

轻松解决位置：固定像这样：

.title-bar {
  position:fixed;
}

nav {
  position:fixed;
}

还添加了一些CSS来修复
fixed
更改的样式。使用
注意旧的移动浏览器兼容性位置：已修复您可能需要像这样的修复

你也可以使用像StyleBot这样的浏览器插件在你的实时站点上检查这一点。看看这个：


祝你好运
   <div data-sticky-container>
  <div class="small-12 sticky" data-sticky data-options="marginTop: 0">
    <div class="top-bar">
      <div class="top-bar-left">
        <ul class="dropdown menu" data-dropdown-menu>
          <li class="menu-text">Site Title</li>
          <li class="has-submenu">
            <a href="#">One</a>
            <ul class="submenu menu vertical" data-submenu>
              <li><a href="#">One</a></li>
              <li><a href="#">Two</a></li>
              <li><a href="#">Three</a></li>
            </ul>
          </li>
          <li><a href="#">Two</a></li>
          <li><a href="#">Three</a></li>
        </ul>
      </div>
      <div class="top-bar-right">
        <ul class="menu">
          <li><input type="search" placeholder="Search"></li>
          <li><button type="button" class="button">Search</button></li>
        </ul>
      </div>
    </div>
  </div>
</div>



站点标题












搜寻


再次感谢你，瓦尔
 网站：对不起，我没有正确解释自己。滚动时，我需要导航栏保持在窗口中。换句话说，不要随着窗口向上滚动。这正是我在小提琴中所做的？对不起，是的，你做了！我少了一个分号…哈哈。谢谢，没问题，玩得开心。
.title-bar {
  position:fixed;
}

nav {
  position:fixed;
}

   <div data-sticky-container>
  <div class="small-12 sticky" data-sticky data-options="marginTop: 0">
    <div class="top-bar">
      <div class="top-bar-left">
        <ul class="dropdown menu" data-dropdown-menu>
          <li class="menu-text">Site Title</li>
          <li class="has-submenu">
            <a href="#">One</a>
            <ul class="submenu menu vertical" data-submenu>
              <li><a href="#">One</a></li>
              <li><a href="#">Two</a></li>
              <li><a href="#">Three</a></li>
            </ul>
          </li>
          <li><a href="#">Two</a></li>
          <li><a href="#">Three</a></li>
        </ul>
      </div>
      <div class="top-bar-right">
        <ul class="menu">
          <li><input type="search" placeholder="Search"></li>
          <li><button type="button" class="button">Search</button></li>
        </ul>
      </div>
    </div>
  </div>
</div>