航点元素未在正确的位置射击

Question

我在这里使用Waypoints来触发h1和h2元素上的动画：

http://www.deathcabforcutie.com

我的标记是为了达到这个目的：

var inview6 = new Waypoint.Inview({
  element: $('#h2signup')[0],
  enter: function() {
            $('#h2signup').addClass('h2fadeblue');       
  },
  exited: function() {
            $('#h2signup').removeClass('h2fadeblue'); 
  }
})   

例如，当滚动到http://www.deathcabforcutie.com#signup时，h2应该添加一个“h2fadeblue”类。它适用于顶部标题，但不适用于靠近底部的标题。奇怪的是，当我向上滚动页面时，底部标题的航点似乎正在触发！所以似乎航点正在开火但是在页面的错误位置。

非常感谢任何帮助 - 谢谢！