kostenloser Webspace werbefrei: lima-city

Ans Seitenende Springen

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   c143

   c143 hat kostenlosen Webspace.

   16:18, 1.5.2013

   Hallo,
   kann ich mit Javascript eine Funktiona usführen, damit ich direkt bis ans scrollbare Seitenende zu springen? Mit Anker hab ichs hinbekommen, aber dann steht immer #MeinAnkerName in der URL, was nicht sein sollte.

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. hc-tools

   

   hc-tools hat kostenlosen Webspace.

   16:46, 1.5.2013

   Auch wenn Anker aus Sicht der Kompatibilität die bessere Wahl sind, so geht es auch mit Javascript. Dafür brauchst du nicht viel.
   
   Als reines Javascript, wie es z.B. auch in eine Funktion geschrieben werden könnte, sieht das so aus:
   

   window.scrollTo(0, document.body.scrollHeight);

   
   
   Um jetzt einen Link zu setzen implementierst du das ganz jetzt in einen Hyperlink:
   <a href="#" onclick='window.scrollTo(0, document.body.scrollHeight);'>Ans Ende scrollen</a>
4. Autor dieses Themas

   c143

   c143 hat kostenlosen Webspace.

   16:53, 1.5.2013

   hc-tools schrieb:
   Auch wenn Anker aus Sicht der Kompatibilität die bessere Wahl sind, so geht es auch mit Javascript. Dafür brauchst du nicht viel.
   
   Als reines Javascript, wie es z.B. auch in eine Funktion geschrieben werden könnte, sieht das so aus:
   

   window.scrollTo(0, document.body.scrollHeight);

   
   
   Um jetzt einen Link zu setzen implementierst du das ganz jetzt in einen Hyperlink:
   <a href="#" onclick='window.scrollTo(0, document.body.scrollHeight);'>Ans Ende scrollen</a>

   
   
   Danke! Und wenn ich zb einen scrollbaren Div habe, bei dem ich ans Ende springen will, wie würd dann das gehen?

5. hc-tools

   

   hc-tools hat kostenlosen Webspace.

   16:59, 1.5.2013

   Dann muss dein Div eine ID haben. In meinem Beispiel meindiv.
   
   

   document.getElementById("meindiv").scrollTo(0, document.getElementById("meindiv").scrollHeight);

   
   
   Mit getElementById wird dann also dein div adressiert.
6. Autor dieses Themas

   c143

   c143 hat kostenlosen Webspace.

   17:13, 1.5.2013

   hc-tools schrieb:
   Dann muss dein Div eine ID haben. In meinem Beispiel meindiv.
   
   

   document.getElementById("meindiv").scrollTo(0, document.getElementById("meindiv").scrollHeight);

   
   
   Mit getElementById wird dann also dein div adressiert.

   
   
   Das gibt mir einen Error aus: 'TypeError: document.getElementById(...).scrollTo is not a function'

7. hc-tools

   

   hc-tools hat kostenlosen Webspace.

   17:31, 1.5.2013

   Ok . .. Im Div ist es nicht ScrolltTo sondern ScrollTop mit einer etwas anderen Syntax.
   
   

   document.getElementById('meindiv').scrollTop += document.getElementById("meindiv").scrollHeight;

   
   
   Beitrag zuletzt geändert: 1.5.2013 17:31:41 von hc-tools
8. Autor dieses Themas

   c143

   c143 hat kostenlosen Webspace.

   17:36, 1.5.2013

   hc-tools schrieb:
   Ok . .. Im Div ist es nicht ScrolltTo sondern ScrollTop mit einer etwas anderen Syntax.
   
   

   document.getElementById('meindiv').scrollTop += document.getElementById("meindiv").scrollHeight;

   
   
   Danke (Y) Funktioniert super

9. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?