Le select, l'iframe et le onscroll
Bonjours a toi, entité bienveillante de la communauté des développeurs,
j'ai constaté le bug suivant (sous IE6)
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
|
<html>
<head>
<script language="javascript">
function mov()
{
document.getElementById('divren').style.top = document.body.scrollTop ;
}
</script>
</head>
<body onscroll="mov();">
<div id="divren" style="position: absolute; top: 0px; left: 0px;">test</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<iframe id="fr1" width="20%" height="5%"></iframe></div>
<br><br>
--
<select id="sel1">
<option>option 1</option>
<option>option 2</option>
</select>
--
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html> |
j'ai épuré le code au maximum.
Le onscroll sur la balise <body> permet de maintenir le div en haut à gauche de la page, mais provoque aussi l'étrange disparition du <select>. A noter que la présence de l'iframe est "indispensable" pour que le bug se produise.
Quelqu'un aurait-il une idée pour m'éclairer sur la provenance de ce bug, et pourquoi pas, pour le résoudre?