如何使用JS/jQuery为页面加载提供滚动div焦点？

Question

看到这个页面： http://ryan.rawswift.com/sandbox/fixed-bottom-bar/

当你加载这个页面，并尝试打空格键，向上/向下翻页或使用滚轮鼠标上，它不滚动的。这是因为页面被包裹在辅助“视口”中以便将facebook栏放置在页面的底部。

当你点击页面上的任何地方，你给DIV焦点，并且键/鼠标滚轮正常工作。

有什么办法来设置此焦点低谷的JavaScript或jQuery的，以使键/鼠标滚轮的工作？

干杯， 奥莱马吕斯

Answer 1

你考虑定位杆固定，摆脱你的额外视的？

#facebookbar { 
    position: fixed; 
    bottom: 0; 
    left: 0; 
    width: 96%; 
    padding: .6em 2%; 
} 

您需要的文档元素以填充视口，当然：

html, body { 
    height: 100%; 
} 

使用额外div似乎更像是一个黑客，和不断变化的标准行为从来都不是一个好主意。

有很多考虑和测试（用鼠标滚轮，键盘，触摸滑动，你有什么滚动），你会不会有，如果你不停的标准。