•  03-07-2019
  •  | 
  •  

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

.
Était-ce utile?

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