让Skrollr和Waypoints一起工作

时间:2014-11-28 10:04:43

标签: javascript jquery sticky jquery-waypoints skrollr

我试图一起使用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});

编辑:您是否可以告诉航点稍后测量高度?因为什么偏移似乎只是触发粘性?你会怎么做呢?

0 个答案:

没有答案