Contao-Camp 2024
Ergebnis 1 bis 3 von 3

Thema: jquery header automatisch überscrollen

  1. #1
    Contao-Nutzer
    Registriert seit
    22.08.2012.
    Beiträge
    81

    Standard jquery header automatisch überscrollen

    Vielleicht kann mir hier jemand helfen:
    Ich versuche nach dem Laden einer Seite, also sobald ich eine bestimmte Domain aufgerufen habe, www.meine-domain.de/unterseite.html die Seite dazu zu bringen, nach #wrapper zu scrollen, also den Header quasi zu überscrollen.

    Versucht habe ich:

    <script>
    jQuery(document).ready(function($){
    if ( $(window).width() < 768 || window.Touch) {
    $('html, body').animate({
    scrollTop: $("#wrapper").offset().top
    }, 2000);
    }
    });
    </script>

    --> die Seite überscrollt den Header zwar, aber nur wenn ich sie mit STRG + F5 neu aufrufe, nicht wenn ich von einer anderen Seite komme

    Mein Ansatz jetzt wäre irgendwie so: (die Lösung habe ich gegoogelt, komme jetzt aber nicht weiter, weil ich das JS nicht verstehe und somit nicht anpassen kann)

    <script>
    window.onload = function() {
    var element = document.getElementById('main');
    element.scrollIntoView({block: "start", behavior: "smooth"});
    }
    </script>

    Kann mir vielleicht jemand helfen?

    DANKE.

  2. #2
    Contao-Nutzer
    Registriert seit
    03.05.2019.
    Beiträge
    56

    Standard

    Code:
    <script>
    $(document).ready(function () {
    $('html, body').animate({
    scrollTop: $('#deineID').offset().top
    }, 'slow');
    });
    </script>
    das sollte gehen, macht es zumindest bei mir.

  3. #3
    Contao-Nutzer
    Registriert seit
    03.05.2019.
    Beiträge
    56

    Standard

    Code:
    $(document).ready(function () {
        if ( $(window).width() < 768 || window.Touch) {
            $('html, body').animate({
                scrollTop: $('#sub2').offset().top
            }, '2000');
        }
    });
    Für deinem Fall dann so.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •