スマホのサイトで広告などに用いられている、 スクロール中に特定の要素を非表示にするjQueryのコードを組んでみました。 スマホでよく使われるので、スマホにも対応いたしました。 ↓こちらがデモ DEMO 方法 たとえばfooterをfixedにして、スクロール中非表示にする場合。 JavaScript $(function(){ $(window).on("scroll touchmove", function(){ //スクロール中に判断する $("footer").stop(); //アニメーションしている場合、アニメーションを強制停止 $("footer").css('display', 'none').delay(500).fadeIn('fast'); //スクロール中は非表示にして、500ミリ秒遅らせて再び表示 }); });