像纽约时报一样的jQuery / Javascript滚动模式

时间:2014-09-26 10:59:30

标签: javascript jquery design-patterns scroll jquery-waypoints

我会尽量缩短。

我试图制作滚动模式,因为纽约时报网站有单篇文章:http://www.nytimes.com/2014/09/27/world/europe/british-parliament-vote-isis-airstrikes.html

当您进入文章时,只有顶部栏保持粘性。然后,在你足够下来并快速向上滚动后,会出现推荐的文章栏:

但是,有趣的是,如果向上滚动缓慢,条形图不会出现。

所以,我正在考虑使用jQuery Waypoints插件,它可以告诉我滚动的方向,但这样,无论何时我向上滚动,推荐的新闻栏都会出现,我不需要这个。

我不确切知道如何做数学函数,它会告诉我向上滚动速度足以显示条形。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

滚动时只需存储最后一个$(window).height()位置,并在下一个滚动事件中将旧版本与新版本进行比较,如果它大于确定的阈值,则显示该栏。