Javascript 结合snap.js的滚动动画

Javascript 结合snap.js的滚动动画,javascript,jquery,html,snap.js,Javascript,Jquery,Html,Snap.js,我经常使用wow.js或waypoints.js在滚动页面时为元素设置动画 对于当前项目,我使用snap.js创建了一个菜单抽屉。使用时,您可以像这样划分页面 <div class="snap-drawers" id="right"> <div class="snap-drawer-right"> <!-- Menu drawer --> </div> </div>

我经常使用wow.js或waypoints.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主体中滚动。我试图操纵这些库,但效果不太好

我想保持snap.js


有人遇到过相同的问题,或者有人可能有解决方案?提前谢谢

使用Waypoints 4.0.0,我能够将Waypoints与snap.js库结合使用

将航路点的上下文选项设置为snap.js内容元素。例如:

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

waypoint_reacted是我的函数处理程序的名称,snap_content是snap content DIV的ID。

是否有重现问题的示例代码?什么是桥?