私は自分のページの「Facebookチャットバー」の一番下に少しハッキーなソリューションを使用しており、ページ全体を「ビューポートdiv」内に配置し、オーバーフローを非表示にしてスクロールする必要があります。したがって、Webページ全体がこのdiv内にあります。
問題は、スペースバーの内側をクリックするまで、スペースバーが無効になることです。#viewport要素にフォーカスを与える試みをあきらめました。これはFirefoxでのみ機能するためです。
$("#viewport").focus().blur();
これが私が解決策にたどり着いたところです。
$(document).keypress(function(event) {
if (event.which === 32) {
var $spaceScroll = $("#viewport").height();
window.scrollBy($spaceScroll);
...then what?
}
});
欠けているのは、ページで$ spaceScrollの値をピクセル単位で下にスクロールすることですが、これを行う簡単な方法は、洗練されたスムーズなスクロールプラグイン以外には見つかりません。できるだけ軽くしたいです。
jQuery1.4とjQueryUI1.7.2を使用しています
ありがとう！