Question
Scroll.js est utilisé pour le bloc #bird, qui suit le défilement de la page.
Le problème principal - cela fonctionne, si je supprime la ligne Doctype, celle-ci:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
et cela ne fonctionnera pas si doctype est activé.
Voici le code HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script src="jquery.js" type="text/javascript"></script>
<script src="scroll.js" type="text/javascript"></script>
</head>
<body>
<div style="position:relative; height:20000px">
<div id="bird" style="position:absolute;left:0;top:20px;width:200px"></div>
</div>
</body>
</html>
Et js:
supprimé
Ne demandez pas à supprimer le doctype, son élément nécessaire
.La solution
Vous devez remplacer ceci:
document.body.scrollTop
avec ceci:
document.documentElement.scrollTop
scrollTop
appartient à l'élément <html>
en mode standard, plutôt qu'à l'élément <body>
.
(Notez que document.body.scrollTop
apparaît trois fois dans votre code.)
Autres conseils
Il y a un problème sur votre div, le style avait la largeur: 200 & ";, devrait être largeur: 200px &"; (ajoutez les unités)
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow