与snap.js结合使用的滚动上的动画

Question

我经常使用wow.js或waypoints.js在滚动页面时为元素添加动画。

对于当前项目，我使用snap.js创建了一个菜单抽屉。当使用snap.js时，你可以这样划分你的页面；

    <div class="snap-drawers" id="right">
        <div class="snap-drawer-right">
            <!-- Menu drawer -->
        </div>
    </div>

    <div class="snap-content" id="content">
            <!-- Page content -->
    </div>

我可能错了，但我认为这两个库都不工作的原因是因为我在#content中滚动，而不是html，body。我试图操纵库，但效果不是很好。

我想让snap.js..。

有没有人遇到过同样的问题，或者有人可能有解决方案？提前感谢！

Answer 1

使用Waypoints 4.0.0，我可以将waypoints与snap.js库结合使用。

将路点的上下文选项设置为snap.js内容元素。举个例子：

jQuery('section').waypoint({ offset: '50%', handler: waypoint_reached, context: $("#snap_content")[0] } );

DIV是我的函数处理程序的名称，snap_content是快照内容waypoint_reached的ID。