Question

我正在使用带有粘性顶栏的zurb-foundation。

当网站位于移动宽度时，它无法顺畅滚动。

它以最小的滚动量跳到页面的一半。

我希望在导航切换打开时页面顺畅滚动。

<div class="container sticky">
<nav class="top-bar" data-topbar data-options="sticky_on: large">
    <ul class="title-area">
      <!-- Title Area -->
      <li class="name">
        <h1>
          <a href="#">
            Top Bar Title
          </a>
        </h1>
      </li>
      <li class="toggle-topbar menu-icon"><a href="#"><span>menu</span></a></li>
    </ul>

    <section class="top-bar-section">
      <!-- Right Nav Section -->
      <ul class="right">
        <li class="divider"></li>
        <li><a href="#">Main Item 1</a></li>
        <li class="divider"></li>
      </ul>
    </section>
  </nav>
</div>

我认为这可能与滚动页面时添加<body style="" class="f-topbar-fixed">和<div class="container sticky fixed">有关。我只是不知道要改变什么以使其滚动整个页面。

编辑：

当寡妇处于移动宽度并且导航切换为打开时，这是我得到的行为。

滚动以最小的滚动量向下跳到页面。

查看“您的电子邮件”如何一直跳到菜单下方？

zurb-foundation顶栏粘手机

编辑：

0 个答案: