Jquery 用于粘性/固定/滑动滚动的Javascript

我正试图实现这样的效果：当你滚动时，各个部分会相互滑动（就像你在固定的背景位置上看到的那样）

我能够使用这个jQuery库（粘性工具包）作为起点

我这里有一个演示：

但是它有一些问题，我想知道是否有其他方法可以做到这一点。

首先，Stick Kit使用隐藏的div覆盖，这样在滚动时，前面的链接就变得不可点击。我没有发现任何z索引技巧可以避免这种情况，因为“卡住”部分有

position:fixed

，但隐藏的div不能

fixed

position。如果您已经滚动到页面底部，它也会断开链接锚（即，任何“卡住”的内容都无法通过锚访问）

欢迎提出改进或其他建议

<div id="wrapper">
    <section id="A">...
    </section>
    <section id="B">...
    </section>
    <section id="C">...
    </section>
    <section id="D">...
    </section>
</div>

$(document).ready(function() {
    $("#A").stick_in_parent().css('z-index', -1);
    $("#B").stick_in_parent().css('z-index', -1);
    $("#C").stick_in_parent().css('z-index', -1);
    $("#D").stick_in_parent().css('z-index', -1);
});