•  03-07-2019
  •  | 
  •  

Frage

Scroll.js für #bird Block verwendet wird, die die Seite Scrollen folgt.

Das Hauptproblem - es funktioniert, wenn ich die Doctype Linie entfernen, diese: 

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

und es funktioniert nicht, wenn Doctype eingeschaltet ist.

Hier ist der 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>

Und js:

  

entfernt

Sie nicht fragen Sie den Doctype zu entfernen, sein erforderlich.

War es hilfreich?

Lösung

Sie müssen diese ersetzt werden: 

document.body.scrollTop

mit dieser: 

document.documentElement.scrollTop

scrollTop gehört zum <html> Elemente im Standardmodus, anstatt das <body> Element.

(Beachten Sie, dass document.body.scrollTop dreimal im Code angezeigt wird.)

Andere Tipps

es gibt ein Problem auf Ihrem Vogel div hatte der Stil Breite: 200" sollte breit sein: 200px“(fügen Sie die Einheiten)

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top