当用户开始滚动时使div消失，并在用户停止滚动时使其显示

Question

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

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

提前致谢！

Answer 1

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

$(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));
});

这只是改编自this SO answer。