我试图一起使用skrollr和waypoints时遇到了一些麻烦。 我想要做的是有一个缩小的标头(使用skrollr为此)并获得处理粘性部分的路标。但我遇到的问题是,在缩小之前,航点仍然得到了标题的高度。我虽然抵消会解决问题,但事实并非如此。 我的JS知识不是那么好,所以如果有人能帮助我,我会非常高兴。
我构建了一个codepen,希望能更好地说明我的问题:
http://codepen.io/bekreatief/pen/zxGXNB
<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});
编辑:您是否可以告诉航点稍后测量高度?因为什么偏移似乎只是触发粘性?你会怎么做呢?