Le select, l'iframe et le onscroll

**Lychar** · 09/07/2008, 15h11

Bonjours a toi, entité bienveillante de la communauté des développeurs,
j'ai constaté le bug suivant (sous IE6)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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?

**SpaceFrog** · 09/07/2008, 15h23

A priori je ne consatate pas de disparition du select ...

De plus le onscroll n'est pas homogène et crée un effet de tremblement désagréable

Voici une solution javascript free pour eviter cela :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<html>
<head>
 
</head>
<body style="overflow:hidden;margin:0;">
 
<div id="divren" style="position: absolute; top: 0px; left: 0px;z-index:1;">test</div>
<div style='height:100%;width:100%;overflow:auto'> 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 
<iframe id="fr1" width="20%" height="5%"></iframe>
 
<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>
</div> 
</body>
</html>

**Bovino** · 09/07/2008, 15h31

Chez moi, le seul bug, c'est que le select disparait effectivement... quand il sort de l'écran...
Solution : acheter un écran plus grand !

**SpaceFrog** · 09/07/2008, 15h34

Petit ScaraBeef il y a une solution beaucoup moins chère ...

enlever quelques br

**Lychar** · 09/07/2008, 15h46

Bon sang de bois, comment ce fait-ce?

ah, une précision : seul le scroll avec la molette de la souris, ou un clic sur la flèche de la scrollbar le provoque, et rien en faisant glisser l'ascenseur.

vous utilisez quel navigateur?
En tout cas les modif de SpaceFrog sont efficaces chez moi. Cool j'aurais pas à changer mon écran

.

**SpaceFrog** · 09/07/2008, 15h48

tu dis avoir un souci sous IE6 ... je teste sous IE6 ....

**Bovino** · 09/07/2008, 15h51

Ben moi j'ai testé sous ietester avec la molette, et à part l'effet tremblement dont parle SpaceFrog, ça s'est bien passé...
et comme j'ai la flemme de virer les br, je suis bon pour un écran neuf... voilà ce que c'est d'aider !

**Lychar** · 09/07/2008, 16h00

Cet honnête développeur avait une vie normale jusqu'au jour ou sa vie bascula... dans la quatrième dimension tididi di tididi di...

bon bah à part une connerie je sais pas quoi dire

j'ai refais un copier-coller du code que je vous ai fourni pour être sûr et ça loupe pas!

version 6.0.2900 (j'ai déjà constaté des différences buggales de javascript entre cette version, et une autre version 6.des_bananes).

tant pis pour l'explication (quoi que je pencherais bien pour la théorie du complot

), et merci pour vos réponses qui m'évitent une solution javascript à la mords-moi-le-...

Conclusion: n'achetez pas de nouvel écran et évitez les iframe

Le select, l'iframe et le onscroll

JavaScript

Discussions similaires

Partager

Partager