html - Foundation sticky nav jumps when scrolling fast in Safari

Question

I noticed that when I scroll upwards fast in Safari, the sticky nav jumps around, then I have to scroll slowly again to get it to click back into it's proper place. I'm using Foundation 6. Also, this is a new issue, as everything used to work just fine in Safari, but something must have changed in the past 4 months or so. See below for an example of the issue.

Here's the HTML for the nav bar. I haven't done anything special with the CSS.

<nav class="top-bar-container hide-for-small-only" data-sticky-container>
  <div class="sticky sticky-topbar" data-sticky data-options="anchor: page; marginTop: 0; stickyOn: small;">
    <div class="top-bar">
      <div class="wrap">
        <div class="top-bar-left">
          <ul class="menu menu-hover-lines" data-magellan>
            <li><a class="menu-options" href="home">Home</a></li>
            <li><a class="menu-options" href="projects">Projects</a></li>
            <li><a class="menu-options" href="articles">Articles</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</nav>

Answer 1

等待大神答复