11548 sujets

JavaScript, DOM et API Web HTML5

[Résolu] ScrollTop ne fonctionne pas.

Slt quelqu'un pourrait il m'expliquer pourquoi ce code très simple me renvoie toujours 0.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<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>
<a href="#" onMouseOver="alert(document.body.scrollTop)">BOOOO</a>

</body>
</html>
Il faut scroller tout en bas et survoler le lien.
Modifié par ocb2b (01 Apr 2005 - 13:50)
Essaie avec document.documentElement.scrollTop
Certaines choses diffèrent selon que le navigateur est en mode standard ou quirk.
La plupart des navigateurs utilisent leur mode standard si le document utilise un doctype XHTML ou HTML 4.
Ces mêmes navigateurs utilisent leur mode de compatibilité (mode quirk) en l'absence de doctype XHTML ou HTML4 ou en présence d'un doctype HTML 4 transitional incomplet (sans le lien vers le fichier dtd).

Fais une recherche sur internet avec les termes "doctype switching".

Voir aussi Mozilla's DOCTYPE sniffing pour le fonctionnement de Mozilla/Firefox à ce propos.
existe t'il la possibilité pour Internet Explorer avec du 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


d'avoir un équivalent de cette commande qui fonctionne :

document.body.scrollTop ou window.pageYOffset ou document.documentElement.scrollTop

y'en a marre d'IE !!!
Toucouleur a écrit :
existe t'il la possibilité pour Internet Explorer avec du 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


d'avoir un équivalent de cette commande qui fonctionne :

document.body.scrollTop ou window.pageYOffset ou document.documentElement.scrollTop

y'en a marre d'IE !!!

Bonjour,
Pour détecter le mode quirk IE6, j'utilise 
document.documentElement.clientWidth

: largeur de la fenêtre sous IE6 en mode standard qui est forcément >0

ce qui donne :
D=document;
db=!D.documentElement.clientWidth?D.body:D.documentElement //quirk IE6
gk=window.Event?1:0/*Gecko*/;
sy=gk?pageYOffset:db.scrollTop;      //scroll v


Un exemple ici:
Bonjour,

Ce javascript provoque un sautillement assez désagréable du bloc fixé dans IE.

La position fixe sera implémentée par [i]Mi[/b]crosoft dans IE7
Modifié par Laurent Denis (03 Oct 2005 - 18:25)
Bonsoir,
Laurent Denis a écrit :
Bonjour,

Ce javascript provoque un sautillement assez désagréable du bloc fixé dans IE.

Un truc simple pour émuler la position:fixed pour IE 5/6 standard ou quirk :


<!--[if lte IE 6]>
<style>
body { background:url(null) fixed }/* pour éviter le sautillement */
#menu{
position: absolute;
top:expression(documentElement.scrollTop+body.scrollTop);
}
</style>
<![endif]-->

}

test ici
a écrit :

La position fixe sera implémentée par [i]Mi[/b]crosoft dans IE7

Tu as une idée de la date de sortie ?
Modifié par chmel (04 Oct 2005 - 01:09)
Sujet clos
Aller à