Fehler: Mobile Navigation schließt bei Sprungmarken nicht selbstständig

Ingo's Avatar

Ingo

12 Oct, 2017 02:01 PM

Produkt: Tao Contao
Contao-Version: 3.5.28
Browser und Browserversionen: Chrome, V 61.0.3163.100

Hallo,
ich habe mit Tao einen One-Pager mit diversen Sprungmarken erstellt. Das Problem bei der mobilen Ansicht: Öffnet man die Navigation und klickt auf einen Navigationspunkt, rollt die Seite im Hintergrund zwar zur richtigen Sprungmarke aber das mobile Menü schließt danach nicht selbstständig - und: klickt man, um das mobile Menü selbstständig zu schließen, springt die Seite wieder an den Seitenanfang. Wie kann ich diesen Fehler beheben?

  1. Support Staff 1 Posted by RockSolid Theme... on 13 Oct, 2017 07:37 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Bearbeiten Sie dafür bitte die Datei files/tao/js/script.js und fügen Sie folgenden Code vor Zeile 364 ein:

    each(nav.querySelectorAll('a[href*="#"]'), function(link) {
        var href = link.href.split('#');
        var documentHref = document.location.href.split('#');
        if (
            href[0] &&
            documentHref[0].substr(- href[0].length) !== href[0]
        ) {
            return;
        }
        addEvent(link, 'click', function() {
            close();
        });
    });
    
  2. 2 Posted by Ingo on 13 Oct, 2017 08:20 AM

    Ingo's Avatar

    Danke für die Antwort.

    Leider hat der Code den Fehler nicht behoben. Muss sonst noch etwas verändert werden?

  3. 3 Posted by info on 13 Oct, 2017 08:26 AM

    info's Avatar

    Guten Morgen und Danke für die Antwort.

    Leider hat der Code den Fehler nicht behoben. Muss sonst noch etwas verändert werden?

  4. Support Staff 4 Posted by RockSolid Theme... on 13 Oct, 2017 09:54 AM

    RockSolid Themes's Avatar

    Ihre JavaScript-Datei wurde anscheinend bereits bearbeitet weshalb die Zeilennummer nicht mehr übereinstimmt. Entfernen Sie den Code bitte wieder und fügen Sie ihn vor Zeile 315 ein.

    An dieser Stelle sollte sich folgender Code befinden:

         else {
                addClass(uls[i].parentNode, 'is-collapsed');
            }
        }
    })(
        document.querySelector && document.querySelector('.main-navigation-mobile'),
        document.querySelector && document.querySelector('.page')
    );
    

    Nach dem Einfügen des Codes sieht es folgendermaßen aus:

         else {
                addClass(uls[i].parentNode, 'is-collapsed');
            }
        }
        each(nav.querySelectorAll('a[href*="#"]'), function(link) {
            var href = link.href.split('#');
            var documentHref = document.location.href.split('#');
            if (
                href[0] &&
                documentHref[0].substr(- href[0].length) !== href[0]
            ) {
                return;
            }
            addEvent(link, 'click', function() {
                close();
            });
        });
    })(
        document.querySelector && document.querySelector('.main-navigation-mobile'),
        document.querySelector && document.querySelector('.page')
    );
    
  5. 5 Posted by Ingo on 13 Oct, 2017 10:24 AM

    Ingo's Avatar

    Danke. Hat aber leider auch keine Abhilfe geschaffen. :(

  6. Support Staff 6 Posted by RockSolid Theme... on 13 Oct, 2017 01:32 PM

    RockSolid Themes's Avatar

    Die Skript-Datei ist anscheinend aus einer älteren Theme-Version. Ersetzen Sie die script.js-Datei bitte mit der Datei aus dem Anhang.

  7. 7 Posted by Agentur Homemad... on 13 Oct, 2017 04:07 PM

    Agentur Homemade's Avatar

    Super, jetzt funktioniert es alles, wie es soll. Vielen Dank!!!!

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