我有一個由三個 div 部分組成的頁面。<div id="header"><!--header html goes here--></div><div id="body" class="page-body"><!--main html goes here--></div><div id="footer"><!--footer html goes here--></div>我的CSS是body {    overflow: hidden;}.page-body{    overflow: auto;}問題是如果用戶按下PgDn或down arrow鍵然后頁面不會向下滾動。為了讓頁面通過鍵盤向下滾動，用戶必須首先單擊page-body div部分，然后按鍵才能工作。我曾嘗試autofocus在頁面主體 div 上使用標簽或document.getElementById('page-body').focus()在加載時寫入，但似乎沒有任何效果。如何在頁面加載后立即使鍵盤工作而無需單擊該部分？我更喜歡沒有 javascript 的解決方案，因為我的頁面并不真正需要它，但如果我必須，我也可以使用 javascript 解決方案。