javascript - 当用户开始滚动时使 div(s) 消失，并在用户停止滚动时显示

Question

我看过 iOS 7 的视频，他们在 Safari 浏览器中创造了这种很棒的效果。当用户开始滚动时，所有菜单和选项都会滑开，当用户停止滚动时，菜单和选项会向后滑动并变得可见。

如何使用 JQuery 创建类似的效果。假设我有两个包含选项和设置的 div，当用户开始滚动时，它们会滑开，当用户停止滚动时，它们会向后滑动并变得可见。

提前致谢！

Answer 1

scroll我相信当用户开始滚动时会触发javascript事件。我会做类似以下的事情：

$(window).scroll(function() {
     // user started scrolling, hide div.
     clearTimeout($.data(this, 'scrollTimer'));
     $.data(this, 'scrollTimer', setTimeout(function() {
        // user paused scrolling for 250ms, show div.
        console.log("Haven't scrolled in 250ms!");
     }, 250));
});

这只是改编自这个 SO answer。