Javascript 选择要在页面加载时通过箭头键/pageup/pagedown滚动的元素

Javascript 选择要在页面加载时通过箭头键/pageup/pagedown滚动的元素,javascript,html,Javascript,Html,我有一个网站,有固定的身体元素,比如 [...] <body> <div id="header">[...]</div> <div id="main">[...]</div> </body> [...] […] [...] [...] [...] 有溢出:在#main上滚动,但是如果不先单击它,我就无法用我的箭头键或PgUp/PgDn滚动它 有什么方法可以这样做吗?试着像在中一样向它添加一个tabindex=“0

我有一个网站,有固定的身体元素,比如

[...]
<body>
  <div id="header">[...]</div>
  <div id="main">[...]</div>
</body>
[...]
[…]
[...]
[...]
[...]
溢出:在
#main
上滚动
,但是如果不先单击它,我就无法用我的箭头键或PgUp/PgDn滚动它

有什么方法可以这样做吗?

试着像在中一样向它添加一个
tabindex=“0”
。这将给它一个初始焦点,向它添加一个
tabindex=“0”
,如中所示。这将使它成为最初的焦点