Waypoints Horizo​​ntal Plug in，无法让简单的演示工作，我缺少什么？

Question

我试图让Waypoints的水平滚动插件工作，似乎必须有一些我不知道的东西。

这是我用1和唯一的例子制作的codepen。它应该触发一个小弹出通知器。首先，我希望在我再次投入时间/挫折之前看到它确实有效 - 但我还想在其中附加一个addClass或toggleClass。

＆＃13;

＆＃13;

var waypoint = new Waypoint({
  element: document.getElementById('horizontal-waypoint-offset'),
  handler: function(direction) {
    notify('right-in-view waypoint triggered')
  },
  context: document.getElementById('overflow-scroll-offset'),
  horizontal: true,
  offset: 'right-in-view'
})

＆＃13;

＆＃13;

＆＃13;

Codepen： http://codepen.io/code-a-la-mode/pen/vOPWgM

Waypoint网站上的演示：http://imakewebthings.com/waypoints/api/horizontal-option/

（最终用于此：我有一个从绝对左侧屏幕滑入的vimeo框架。我打算在进入/离开视口时进行此切换播放/暂停。）

我很高兴能够以任何身份看到这项工作，但如果有人想炫耀并举例说明它控制播放/暂停，因为vimeo（或youtube）屏幕从屏幕外滑入，我不会＃39; t mind AT ALL：）

Answer 1

你在那支笔中使用的Waypoint的版本很老，1.1.6。在3.0之前，使用new Waypoint创建航点不是一项功能。请尝试更新。