Fehler: Fehler bei externem Link auf Sprungnavigation

Florian's Avatar

Florian

24 May, 2017 03:41 PM

Produkt: Oneo Newsletter- & Print-Templates Contao

Sehr geehrte Damen und Herren,
im ONEO Theme habe ich die Sprungnavigation analog Ihrer Vorlage übernommen. Intern funktioniert diese auch tadellos und springt exakt zum jeweiligen Anker, der über die ID in dem Elementtyp "Headline+Subline" definiert ist. Die Subnavigation überlagert diese Überschriftselement nicht beim Sprung zur Marke mittels Link in der Subnavigation. Rufe ich den gleichen Link von einer anderen Seite der Website oder von extern auf, verschwindet die Überschrift unter der Subnavigation und ist nicht lesbar. Ich habe schon Stunden zugebracht eine Lösung zu finden, komme jedoch leider nicht weiter. Haben Sie einen Ansatz für mich? Besten Dank!

  1. Support Staff 1 Posted by RockSolid Theme... on 26 May, 2017 08:32 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Wir haben zu Ihrer Frage bereits Informationen bereitgestellt und dürfen Sie daher auf folgenden Inhalt verweisen: http://help.rocksolidthemes.com/discussions/contao/15835

  2. 2 Posted by D. Truninger on 01 Nov, 2018 07:55 AM

    D. Truninger's Avatar

    Danke für diesen Hinweis, aber es ist nicht die Lösung für meine Sache gehe ich davon aus – es wird ja nichts überdeckt, sondern der direkte Ankerlink verändert sich beim Aufruf und man landet wieder oben auf der Zielseite statt auf der Sprungmarke innerhalb der Zielseite …

    Wir verwenden ONEO und das Phänomen betrifft das Mobile Menu aber auch direkte Links, die von einer Seite auf eine andere zeigen.

    z.B. Aufruf https://meinewebsite.ch/zusatzangebote#ph-er
    resultiert danach im Browser https:/meinewebsite.ch/zusatzangebote#ak-th (oberster Anker)

    Ich beobachte, dass man kurz am Ziel landet, danach wieder nach oben gescrollt wird …!?

  3. Support Staff 3 Posted by RockSolid Theme... on 01 Nov, 2018 03:29 PM

    RockSolid Themes's Avatar

    Damit wir Ihnen zielgerichteter weiterhelfen können, schicken Sie uns bitte einen Link zur betroffenen Seite.

    In welchem Browser bzw. Browser-Version tritt dieser Fehler auf?

  4. 4 Posted by D. Truninger on 01 Nov, 2018 04:15 PM

    D. Truninger's Avatar

    Grüezi, in diversen: Chrome, Safari, iOS Safari …

    Ein Muster findet sich hier:
    https://2018.asz-duebendorf.ch/aszd-plan#de-pf – dort gibt es «Details Pflegewohnung Heugatter» und weitere mit Direktlinks. Die gehen nicht auf den Zielseiten.

    Danach gilt es generell für das mobile Menü, sobald man einen weiteren Seitenstrang wählt (also auf Handy oder Desktop mit verkleinertem Browserfenster).

    Freundlichen Grüsse

  5. Support Staff 5 Posted by RockSolid Theme... on 02 Nov, 2018 11:37 AM

    RockSolid Themes's Avatar

    Bearbeiten Sie bitte die Datei files/oneo/js/script.js und ersetzen Sie den letzen Code-Block „Anchor jumping on page load“ mit folgendem:

    // Anchor jumping on page load
    (function($) {
    
        if (!$ || !location.hash) {
            return;
        }
    
        // Skip if the page was reloaded or navigated back in history
        if (window.performance && performance.navigation && (
            performance.navigation.type === 1
            || performance.navigation.type === 2
        )) {
            return;
        }
    
        var hash = location.hash;
    
        scroll();
        $(function() {
            setTimeout(scroll);
            setTimeout(scroll, 500);
            setTimeout(scroll, 1000);
        });
    
        function scroll() {
            $(hash).first().each(function() {
                $(window).scrollTop(Math.ceil(
                    $(this).offset().top -
                    (parseFloat($(this).css('margin-top')) || 0) -
                    (
                        (!window.matchMedia || window.matchMedia("(max-width: 900px)").matches)
                        ? 0
                        : $('.header-navigation').outerHeight() ||  0
                    )
                ));
            });
        }
    
    })(window.jQuery);
    
  6. 6 Posted by D. Truninger on 02 Nov, 2018 01:28 PM

    D. Truninger's Avatar

    Dankeschön! Das habe ich gemacht und die Scriptcaches und Seitencache geleehrt. Es funktioniert auf der Desktop und Mobile-Website. Einfach NUR unter der Voraussetzung, dass diese Option nicht aktiv ist, wenn ich als Ziel eine ID habe, die innerhalb eines Artikels liegt:

    Sprungnavigation: URL beim scrollen verändern (deaktivieren)

    Das wusste ich nicht ;-)

Reply to this discussion

Internal reply

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

Attaching KB article:

»

Already uploaded files

  • Link-von-extern.png 995 KB
  • Link-ueber-Subnav.png 1010 KB

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