Я использую немного хакерское решение, чтобы расположить на своей странице "панель чата в facebook", требуя, чтобы вся страница находилась внутри "окна просмотра" с скрытым переполнением и прокруткой. Таким образом, вся страница находится внутри этого div.
Проблема в том, что это отключает пробел - пока вы не нажмете внутри него. Я отказался от попытки сфокусировать элемент #viewport, так как он работал только в Firefox, используя
$("#viewport").focus().blur();
Вот как далеко я дошел до решения:
$(document).keypress(function(event) {
if (event.which === 32) {
var $spaceScroll = $("#viewport").height();
window.scrollBy($spaceScroll);
...then what?
}
});
Чего не хватает, так это заставить страницу прокрутить вниз значение $ spaceScroll в пикселях, но я не могу найти никакого простого способа сделать это, кроме модных плагинов с плавной прокруткой. Я хочу, чтобы это было как можно более легким.
Я использую jQuery 1.4 и jQuery UI 1.7.2
Спасибо!