Javascript 让Skrollr和航路点一起工作

我在试图同时使用skrollr和航路点时遇到了一些麻烦。 我想做的是有一个粘性头，它使用skrollr收缩，并获得路径点来处理粘性部分。但我面临的问题是，航路点在头球缩小之前，仍然获得了头球的高度。我原以为补偿可以解决这个问题，但事实并非如此。 我的JS知识不是很好，所以如果有人能帮助我，我将非常高兴

我构建了一个代码笔，希望能更好地说明我的问题：

编辑：你能告诉航路点在以后的某个点测量高度吗？因为补偿似乎只是激发粘性？你打算怎么做

<header data-0="height: 300px;" data-50="height: 100px;">
    <h1 data-0="font-size: 80px;" data-50="font-size: 0px;">HEADING</h1>
    <nav></nav>
</header>

skrollr.init(smoothScrolling=true);
$('header').waypoint('sticky', {offset:-50});