Ergebnis 1 bis 12 von 12

Thema: Sticky Footer - close Button funktioniert nicht

  1. #1
    Alter Contao-Hase
    Registriert seit
    20.06.2009.
    Ort
    Graz (Austria)
    Beiträge
    1.459

    Standard Sticky Footer - close Button funktioniert nicht

    Hallo

    ich hab einen Sticky-Footer bei mir realisiert.
    Dieser funktoniert einwandfrei bis auf den Close-Button, so dass der Footer auch geschlossen bleibt, wenn man auf das X klickt.

    Ich hab im BE einen Artikel erstellt mit einem HTML-Inhalt:
    HTML-Code:
    <span class="sticky-close">X</span>
    Im Seitenlayout unter "Eigener JavaScript-Code" hab ich folgendes:
    Code:
    <script>
      var sticky_closed = false;
      $(window).scroll(function(){
        if(!sticky_closed){
          var docScroll = $(document).scrollTop();
          if(docScroll <=90){
            $("#sticky-footer").slideUp();
          }else{
            $("#sticky-footer").slideDown();
          }
        }
      });
      $(".sticky-close").on('click',function(){
        footer = $(this).parent('#sticky-footer');
        footer.slideToggle();
        sticky_closed = true;
      });
    </script>
    Das script funktoniert eigentlich bis auf den Bereich "Close". Kann mir hier jemand helfen?

    LG, Andi
    LG, Andi

  2. #2
    Alter Contao-Hase
    Registriert seit
    20.06.2009.
    Ort
    Graz (Austria)
    Beiträge
    1.459

    Standard

    Hallo,

    ich hab diesen Code mal in "https://jsfiddle.net" nachgebaut und da funktioniert dieser. Hat jemand eine Idee?

    LG, Andi
    LG, Andi

  3. #3
    Contao-Fan
    Registriert seit
    03.01.2012.
    Beiträge
    847

    Standard

    Gibt es Fehler in der Browser-Konsole?

    Und ich bin kein Experte, aber vielleicht könntest du es mal mit dem jQuery-Selektor probieren (statt $)

  4. #4
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.376
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Bei solchen Kostruktionen liegt dann gerne mal ein Element über den Buttons. Hast Du das geprüft?

  5. #5
    Alter Contao-Hase
    Registriert seit
    20.06.2009.
    Ort
    Graz (Austria)
    Beiträge
    1.459

    Standard

    Zitat Zitat von dazzle89 Beitrag anzeigen
    Gibt es Fehler in der Browser-Konsole?

    Und ich bin kein Experte, aber vielleicht könntest du es mal mit dem jQuery-Selektor probieren (statt $)
    Hab ich probiert, macht keinen Unterschied. Das mit dem Scollen funktioniert prima, nur das mit dem Schlißen Button, will nicht.

    Zitat Zitat von lucina Beitrag anzeigen
    Bei solchen Kostruktionen liegt dann gerne mal ein Element über den Buttons. Hast Du das geprüft?
    Das hab ich auch schon kontrolliert. Da sollte alles passen.
    LG, Andi

  6. #6
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.914
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hast du einen Link zur Seite - sofern online? Ansonsten fürchte ich wird's weiter ein Raten werden
    (gerne auch via PN)
    Grüsse
    Bernhard


  7. #7
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    7.080
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Link zur Seite?

    Nachtrag: @derRenner Oh gleichzeitig mit einem Tick Vorsprung für Dich.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  8. #8
    Alter Contao-Hase
    Registriert seit
    20.06.2009.
    Ort
    Graz (Austria)
    Beiträge
    1.459

    Standard

    Ja, ist aber noch nicht öffentlich: https://www.aloha-suites.at/aloha_suites.html
    LG, Andi

  9. #9
    Contao-Fan
    Registriert seit
    03.01.2012.
    Beiträge
    847

    Standard

    Bezieht sich .parent() überhaupt noch auf #sticky-footer? Durch Contao werden ja noch 2 weitere divs dazwischen erzeugt.

  10. #10
    Alter Contao-Hase
    Registriert seit
    20.06.2009.
    Ort
    Graz (Austria)
    Beiträge
    1.459

    Standard

    Zitat Zitat von dazzle89 Beitrag anzeigen
    Bezieht sich .parent() überhaupt noch auf #sticky-footer? Durch Contao werden ja noch 2 weitere divs dazwischen erzeugt.
    Der #sticky-footer ist doch der bereich der erscheint und der dann geschlossen werden soll. Ich hab jetzt bemerkt, dass wenn man auf den x Button klickt, dass der Footer dann immer stehen bleibt. Also genau das gegenteil
    LG, Andi

  11. #11
    Contao-Fan
    Registriert seit
    03.01.2012.
    Beiträge
    847

    Standard

    Ich würde mal eine Zeile ändern..

    Von:

    footer = $(this).parent('#sticky-footer');

    Zu:

    footer = $('#sticky-footer');

  12. #12
    Alter Contao-Hase
    Registriert seit
    20.06.2009.
    Ort
    Graz (Austria)
    Beiträge
    1.459

    Standard

    aber genau das war's. Danke .parent() hab ich jetzt weggegeben und nun funktionierts.

    Danke nochmals
    LG, Andi

Aktive Benutzer

Aktive Benutzer

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

Berechtigungen

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