Dieser Artikel beschreibt die Methode von JS, die einfach die feste Position von Div im Verhältnis zum Browser implementieren. Teilen Sie es für Ihre Referenz wie folgt weiter:
<! DocType html public "-// w3c // dtd html 4.0 transitional // en"> <html> <kopf> <titels> verankerische Eigenschaften </title> <meta http-äquiv = "content-type" content = "telowl; char utf-8"> <meta-type name = "Robots"> <skript> Funktion TOTOP () {window.scrollto (0,0);} Funktion boden () {// ScrollHeight -Eigenschaft soll die Bildlaufhöhe des Objekts erhalten. window.scrollto (0, document.body.scrollHeight);} function links () {//alert("Left")alert(document.body.scrollleft) var links = 0-dokument //alert(document.body.scrollwidth); // Breite des gesamten Scroll -Balksfensters. var init_left = olayer.style.posleft; document.body.onscroll = function () {//document.body.scrolltop ist gleich dem Abstand vom oberen Ende des Scroll -Schiebers zum Startpunkt des Scrolling olayer.style.postop = document.body.scrolltop+init_pos; // scrollleft setzen oder den Abstand zwischen der linken Grenze des Objekts und dem linken Ende des aktuell sichtbaren Inhalts im Fenster olayer.style.posleft = document.body.scrollleft +init_left; }} </script> </head> <body onload = "init ()"> <a onclick = "boden ()"> Setzen Sie den Boden </a> <div id = "olayer" style = "Position: Absolute; links: 120; top: 60; z-Index: 2; Hintergrund: grün; wufe: 120px; Höhe: 120px"> ddddddddddddddddddh </div; onclick = "recht links </a> <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> <br> <br> <br> <br> <br> <br> <br> <b r><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><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> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <b r><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><br><br><Weitere Informationen zu javaScriptbezogenen Inhalten finden Sie in den Themen dieser Website: "Zusammenfassung der JavaScript -Switching -Effekte und -Techniken", "Zusammenfassung der Fähigkeiten der JavaScript -Suchalgorithmus", "Zusammenfassung der JavaScript -Animationseffekte und -Techniken", "Zusammenfassung von JavaScript -Fehler und Debugging -Techniken", Summary of Javacript -Daten und Algorith -Fähigkeiten "," Summary of Javacript Data Structures "," Summary of Javacript Data Structures "" "" "" "" "" "" "" "" "" " JavaScript -Traversalalgorithmen und -techniken "und" Zusammenfassung der Nutzung von JavaScript -Mathematischen Operationen "
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.