Javascript 粘头跳来跳去

我现在正在一个有粘性标题的网站上工作。我的问题是它不是完全粘的。它会跳很多圈，不会粘回原位。有没有办法解决这个问题？你可以在dupontstudios.com上看到它。这是一段代码。谢谢

<script language="javascript" type="text/javascript">
        $(function() {
        // Do our DOM lookups beforehand
        var nav_container = $(".nav-container");
        var nav = $("nav");
        nav_container.waypoint({
        handler: function(direction) {
        nav_container.toggleClass('sticky', direction=='down');

        }
        });

<div id = 'top-container'>
   <video id = 'top-vid' autoplay loop width=100% height = 'auto'  class = 'no-mobile' ><source src = 'DS_Intro.mov' type = 'video/mp4'><source src = 'test.webm' type = 'video/webm'></video>
   <div id = 'top-content'>
       <div id = 'top-text'>
           <div id = 'top-img'>
               <img src='ds_white.png' width = "100%" height = 'auto'>
           </div>
           <h1 id = 'top-slogan'>a boutique video production studio</h1>
       </div>
   </div>
</div>

<div class = 'nav-container'>
    <nav>
        <div id = 'nav-items-container'>
            <ul class='nav-items'>
                <li class='nav-item'><a href='#what'>what</a></li>
                <li class='nav-item'><a href='#how'>how</a></li>
                <li class='nav-item'><a href='#why'>why</a></li>
                <li class='nav-item'><a href='#where'>where</a></li>
                <li class='nav-item'><a href='#who'>who</a></li>
            </ul>
        </div>
    </nav>
</div>

$（函数（）{
//事先进行DOM查找
var nav_container=$（“.nav container”）；
var资产净值=$（“资产净值”）；
导航集装箱航路点({
处理程序：函数（方向）{
nav_container.toggleClass（'sticky'，direction=='down'）；
}
});
精品视频制作工作室

在我的机器上看起来不错您使用的浏览器是什么？可能是chrome发行版chrome 27/OS X 10.8.4