如何使用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似乎更像是一個黑客，和不斷變化的標準行爲從來都不是一個好主意。

有很多考慮和測試（用鼠標滾輪，鍵盤，觸摸滑動，你有什麼滾動），你會不會有，如果你不停的標準。