像紐約時報的jQuery/Javascript滾動模式

-1

我試圖做一個滾動模式爲紐約時報網站有單篇文章：http://www.nytimes.com/2014/09/27/world/europe/british-parliament-vote-isis-airstrikes.html例如。

當你在文章中下去時，只有頂部欄保持粘性。然後，你去後上下足了，和快速滾動，推薦文章欄顯示：

不過，最有趣的部分是，如果你緩慢向上滾動欄沒有顯示。

所以，我正在考慮使用jQuery Waypoint插件，它可以告訴我滾動的方向，但這樣，只要向上滾動，推薦的新聞欄就會出現，我不需要它。

我不知道如何做數學函數，它會告訴我，向上滾動速度足以顯示酒吧。

有什麼建議嗎？

來源

2014-09-26 Vlad

我前段時間在我的頁面中做了類似的事情，但我並不在乎滾動的速度，但實際的位置，使用$（window）.height（）並不困難。 http://stackoverflow.com/questions/303767/how-do-i-determine-height-and-scrolling-position-of-window-in-jquery – Balder 2014-09-26 11:03:10

謝謝你的留言:)。我知道如何用.height（）來做到這一點，然後我考慮了一下，但是我想看看我是否可以更進一步，讓它像NYT一樣。 – Vlad 2014-09-26 11:07:01

當您滾動時，只需存儲最後一個$(window).height()的位置，並在下一個滾動事件中比較舊的和新的，如果它大於確定的閾值，那麼您將顯示該欄。

來源

2014-09-26 11:09:24 Balder

像紐約時報的jQuery/Javascript滾動模式

回答

相關問題