Feature-Request: Navigation: "sticky" Klasse hinzufügen

Gerhard Tilg's Avatar

Gerhard Tilg

16 Jan, 2015 02:08 PM

Produkt: Tao Contao
Contao-Version: 3.4

Sobald die Navigation mitscrollt, soll sie die Klasse .is-sticky erhalten bzw. entfernt werden. Das wäre sehr hilfreich um zB das Logo in anderen Größen und Abständen darzustellen.

  1. 1 Posted by G on 16 Jan, 2015 02:15 PM

    G's Avatar

    Der Selektor `.header-navigation-inner[style="height: 50px;"] .logo img` scheint nicht richtig zu funktionieren und greift erst beim Hover über das Logo.

  2. Support Staff 2 Posted by RockSolid Theme... on 19 Jan, 2015 09:46 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Nachricht.

    Sie können in der Datei files/tao/js/script.js vor die Zeile addClass(header, 'is-fixed'); folgendes JS einfügen:

    if (offset > 32) {
        addClass(header, 'is-sticky');
    }
    else {
        removeClass(header, 'is-sticky');
    }
    

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac