Foundation 6 粘性导航为顶部标题栏生成白色背景答案

【问题标题】：Foundation 6 sticky navigation producing white background for top-title-barFoundation 6 粘性导航为顶部标题栏生成白色背景
【发布时间】：2016-04-15 03:44:43
【问题描述】：

我尝试了几种方法来使下面的代码工作。现在只剩下一个问题，当用户垂直向上滚动到顶部时，顶部栏标题（站点标题）具有白色背景，而顶部栏的颜色应该保持灰色。有谁知道怎么回事？

  <div data-sticky-container>
    <div id="widemenu" class="top-bar" data-sticky data-options="marginTop:0;" style="width:100%">
      <div class="top-bar-title menu-text"><a href="#">Site Title</a></div>
      <div class="top-bar-right">
        <ul class="dropdown menu" data-dropdown-menu>
          <li><a href="#">Item 1</a></li>
          <li><a href="#">Item 1</a></li>
        /ul>
      </div>
    </div>
  </div>

【问题讨论】：

标签： css zurb-foundation zurb-foundation-6

【解决方案1】：

为您的widemenu div设置样式，以防止它被向上滚动覆盖。这是添加了 height 的菜单 div。您也可以在您的 css 文件中添加该样式。

<div id="widemenu" class="top-bar" data-sticky data-options="marginTop:0;" style="width:100%;height:50px;">

祝你好运！

【讨论】：