当位置:固定div存在时,PageDown / Up和Home / End键不会滚动页面

时间:2010-10-20 15:46:06

标签: css scroll

我有一个页面有一个位置:固定div在顶部:0px和底部:0px(制作页眉和页脚)。当页眉或页脚具有“焦点”时,我可以使用PageDown,PageUp,Home,End和Spacebar来滚动页面。但是,如果我在主“内容”div中单击并尝试使用这些键,它就不再有效。

没有任何正在侦听onkeydown / onkeyup的页面/正文/表单级脚本。

我正在为Internet Explorer 7开发。

有谁知道为什么会这样?

1 个答案:

答案 0 :(得分:2)

您的网页上还有其他内容阻止这些密钥执行。删除除页眉,页脚和内容区域以外的所有内容。

<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>

验证密钥是否正常工作。然后开始一次重新组装一个主要部分的页面,直到再次遇到问题。