Contao-Camp 2024
Ergebnis 1 bis 2 von 2

Thema: Navi springt bei scroll effect

  1. #1
    Contao-Nutzer
    Registriert seit
    29.09.2011.
    Beiträge
    75

    Standard Navi springt bei scroll effect

    Hallo, Habe meine Navigation unterhalb eines Headerbildes mit jQuery so eingestellt, dass sie beim scrollen unterhalb des Browserfensters hängen bleibt. Der Code funktioniert, aber die Navi springt nach rechts, kaum dass sie alleine steht. Kann mir jemand sagen, wie ich das abstellen kann?

    Code:
    $(document).ready(function() {
          window.onscroll = function() {myFunction()};
          var navbar = document.getElementById("navimain");
          var sticky = navbar.offsetTop;
         	
        function myFunction() {
       if (window.pageYOffset >= sticky) {
        navbar.classList.add("sticky")
      } else {
        navbar.classList.remove("sticky");
      }
    }  
     });

  2. #2
    Contao-Nutzer
    Registriert seit
    29.09.2011.
    Beiträge
    75

    Standard

    Habe im css flex gegen float getauscht. Jetzt bleibt die Navigation beim scrollen unverändert.

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
  •