Question

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

  <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>

Answer 1

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

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

祝你好运！

基础6粘性导航生成顶部标题栏的白色背景

1 个答案: