Javascript / jquery - G +喜欢以某些滚动速度显示/隐藏栏

时间:2013-05-28 08:52:12

标签: javascript jquery css3 google-plus

在顶部模仿他们(G +)搜索栏的行为的最佳方法是什么?如果你在相应的方向滚动,只有当你滚动得足够快时,它会上下滑动?如果滚动顶部改变了一定量,我正在考虑每100ms检查一次。

有没有人见过这个在任何地方实施过?或者你知道一种更好,更有效的方法吗?

由于

//修改

以下是它的工作原理,如果你没有G + .. http://i.imgur.com/sLeyeE8.jpg你滚动从顶部(屏幕#1)说800px,然后,如果你向上滚动得足够快,屏幕#2发生..在同时如果你只是慢慢向上滚动,没有任何反应,顶部栏保持在#1

1 个答案:

答案 0 :(得分:1)

更好的解决方案是

speed = (currentScroll - previousScroll) / (currentTime - previousTime)

它也会给你方向(当你向上滚动时速度将是负的)

示例http://jsfiddle.net/PsrsU/