PageDown/Up and Home/End keys don't scroll the page when a position:fixed div is present

I have a page that has a position:fixed div at the top:0px and bottom:0px (making a header and footer). When either the header or footer has "focus", I am able to use PageDown, PageUp, Home, End, and Spacebar to scroll the page. But if I click within the main "content" div and try to use 开发者_开发知识库those keys, it no longer works.

There aren't any page/body/form-level scripts that are listening for onkeydown/onkeyup.

I'm developing for Internet Explorer 7.

Does anyone know why this happens?

There is something else going on with your page that is preventing those keys from performing. Strip out everything except the header, footer, and content area.

<div style="position:fixed; top:0px; height:100px; background-color:pink;">header</div>
<div style="width:100%; height:900px; background-color:orange;">content</div>
<div style="position:fixed; bottom:0px; height:100px; background-color:skyblue;">footer</div>

Validate that the keys are working how you expect them to. Then start reassembling the page one major section at a time until you run into the issue again.