Jquery 防止内容在转换到位置时闪烁/反弹：已修复

我使用jQuery Waypoints库将菜单栏容器的位置从静态修改为固定。当浏览器窗口向下滚动到菜单栏时，该栏固定在窗口顶部

当缓慢滚动至/超过航路点时，状态变化似乎平稳发生，但当我以正常速度滚动时，菜单栏内容会发生轻微跳跃/反弹

标记：

<div class="wrapper">
  <div class="less"></div>
  <div class="container">
    <nav>
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Clients</a></li>
        <li><a href="#">Contact Us</a></li>
      </ul>
    </nav>
  </div>
  <div class="more"></div>
</div>​

以下是jQuery代码：

$(function() {
  var $container = $('.container');
  var $b = $('body');
  $container.waypoint({
    handler: function(event, direction) {
      $b.toggleClass('sticky', direction === 'down');
      event.preventDefault();
    }
 });
});​

---

我已经设置了一个例子来说明这个问题，我想知道是否有可能防止这种情况发生？

您可以通过将滚动油门设置为0来改善效果，但是仍然有一个微小的反弹

$.waypoints.settings.scrollThrottle = 0;

---

谢谢！那好多了。我完全可以接受这个解决方案：）

$.waypoints.settings.scrollThrottle = 0;