遍历简单的路标实施

Question

我是Waypoint的新手，今天晚上花了几个小时来尝试使用Waypoints来简化工作流程。在这一点上，我不知道如何使它工作。这可能不是堆栈溢出的典型做法，但是有人能够一开始就引导我完成创建粘性元素的事情吗？

我的主题下有Waypoints文件，并在页脚中调用以下js文件：

<script src="/wp-content/themes/CP/waypoints/lib/noframework.waypoints.min.js"></script>
<script src="/wp-content/themes/CP/waypoints/js/lib/jquery.waypoints.min.js"></script>
<script src="/wp-content/themes/CP/waypoints/js/lib/shortcuts/sticky.min.js"></script>

从这里开始，我想将下面的代码“滚动”到页面顶部。

<span class="sticky"> 
<h2 id="2"><?php the_field('cp_post_heading_3'); ?></h2>
</span>

我可以使用position：sticky，但是没有伪类选择器用于position：sticky。因此，尝试使用Waypoint。

最后一部分包含在我的misc.js文件中的以下代码中：

var sticky = new Waypoint.Sticky({
element: $('.sticky')[0]
})

据我所知。任何人都想帮助从这里指导我吗？