我正在使用一个有点 hacky 的解决方案在我的页面上将“facebook 聊天栏”置于底部,要求整个页面位于“viewport div”内,溢出隐藏和滚动。所以整个网页都在这个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
谢谢!