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: [Ansicht]

<span class="sticky-close">X</span>

Im Seitenlayout unter "Eigener JavaScript-Code" hab ich folgendes:

Code: [Ansicht]

<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

Hallo,

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

LG, Andi

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 $)

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

Zitat von dazzle89

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 von lucina

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.

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

Link zur Seite?

Nachtrag: @derRenner Oh gleichzeitig mit einem Tick Vorsprung für Dich.

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

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

Zitat von dazzle89

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

Ich würde mal eine Zeile ändern..

Von:

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

Zu:

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

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

Danke nochmals