kostenloser Webspace werbefrei: lima-city


Ans Seitenende Springen

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    c143

    c143 hat kostenlosen Webspace.

    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. 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.

    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. 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.

    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. Ok . .. Im Div ist es nicht ScrolltTo sondern ScrollTop mit einer etwas anderen Syntax. :wall:

    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.

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

    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?

Über lima-city

Login zum Webhosting ohne Werbung!