Jquery Waypoint与嵌套div无法正常工作

Question

以下是Fiddle

我试图让Waypoint在嵌套div中工作，但无法这样做。

我outer div身高固定。在div中，我有一个inner div和一个Waypoint div。请在下面找到代码。

HTML

<div style="background:grey;height:300px;overflow:auto;">
    <div style="height:900px;background:#F5F6CE;"></div>
    <div id="waypoint" style="background:#B45F04;">Waypoint</div>    
</div>

脚本

$('#waypoint').waypoint(function() {
    console.log('Reached waypoint.');
}, {
    offset: 'bottom-in-view'
});

文本 Reached waypoint。永远不会在控制台中打印出来。任何指针。？

编辑：更新了小提琴。

Answer 1

The plugin documentation建议默认＆＃34;视口＆＃34; （因为它称之为）是window对象：

$.fn.waypoint.defaults = {
  context: window,
  ...

然而，JSFiddle填充了父iframe;这就是为什么你从不在技术上和＃34;对齐＆＃34;您的航点与视口（window）。在航点的选项中添加自定义上下文，例如：

context: $("#waypoint").parent()

小提琴：http://jsfiddle.net/utTU4/