javascript - 当滚动处于事件状态时使页脚消失

Question

我正在使用 jQuery 移动。

如何在滚动处于事件状态时使页脚消失？

当滚动停止时，我想再次显示页脚。

HTML 片段如下所示:

<div id="footer" data-role="footer" data-position="fixed" data-corners="false">

Answer 1

使用 $.scroll 在滚动时隐藏页脚，并使用 setTimeout 在滚动停止后再次显示页脚:

var scrolling;
$(window).scroll(function() {
    clearTimeout(scrolling);//clear any existing timeout
    $("#footer").hide();
    scrolling = setTimeout(function(){$("#footer").show();},100);//set the timeout to hide the footer (will be cancelled if scrolling continues)
})

http://jsfiddle.net/c6uqdhjo/1/