Les touches PageDown/Up et Home/End ne font pas défiler la page lorsqu'une position: div fixe est présente

Question

J'ai une page qui a une position: div fixe en haut: 0px et en bas: 0px (en faisant un en-tête et bas de page). Lorsque l'en-tête ou le pied de page a "focus", je suis capable d'utiliser PageDown, PageUp, Home, End et Spacebar pour faire défiler la page. Mais si je clique dans la div "content" principale et essaie d'utiliser ces touches, cela ne fonctionne plus.

Il n'existe aucun script de page/corps/niveau de formulaire qui écoute onkeydown/onkeyup.

Je développe pour Internet Explorer 7.

Est-ce que quelqu'un sait pourquoi cela se produit?

Answer 1

Il se passe quelque chose d'autre sur votre page qui empêche l'exécution de ces touches. Supprimez tout sauf l'en-tête, le pied de page et la zone de contenu.

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

Validez que les clés fonctionnent comme vous le souhaitez. Commencez ensuite à réassembler la page une section principale à la fois jusqu'à ce que vous rencontriez à nouveau le problème.