Sprungmarke in Navigation

04.11.2020 09:20 (zuletzt bearbeitet: 06.11.2020 11:42)
avatar  Lucas
#1
Lu

Hallo zusammen,

ich habe folgendes Problem: Ich möchte in der fixierten Navigationsleiste (Melbourne-Layout) Sprungmarken ablegen. Die Sprungmarken sollen dann wie Unterseiten über drop-down in der Navigationsleite auftauchen, so das der Besucher über die fixierte Navigationleiste immer die Möglichkeit hat im Text nach oben oder unten oder direkt an die richtige Stelle auf einer anderen Unterseite zuspringen. Leider hatte ich bisher noch mit keinem der folgenden Versuche Erfolg:

1. Zielmarke einfach als externen Link in der Navigationleiste einfügen, so wie es Jimdo (im Englischen) empfiehlt.
2. URL mit Jimdo-ID kombinieren, so wie es in einem redesign-Tutorial beschrieben wird.

Könnte es bei Letzterem das Problem sein, dass ich momentan nur auf die URL im Bearbeitungsmodus zugreifen kann? Ich möchte die Website eigentlich erst wieder freischalten, wenn alle Änderungen erfolreich umgesetzt wurden.

Wäre super, wenn mir hier jemand weiterhelfen kann.

Viele Grüße
Lucas

EDIT: Ich bin mitlerweile einen Schritt weiter. Die URL im Bearbeitungsmodus schien Teil des Problems zu sein. Wenn ich aus dem Bearbeitungsmodus rausgehe und mit der "regulären" URL arbeite springe ich zumindest, komme allerdings immer genau unter der Überschrift aus, bei der ich eigentlich landen möchte. Komischerweise auch, wenn die ID von einem (unsichtbaren) Element über der jeweiligen Überschrift nehme.

Weiß hier jemand Rat? Ich meine ich hab mitlerweile alles durchprobiert.


 Antworten

 Beitrag melden
09.11.2020 22:42 (zuletzt bearbeitet: 09.11.2020 22:44)
avatar  az_
#2
avatar
az_

Das kannst du am einfachsten ausgleichen, in dem du vor dem Element, zu dem du springen möchtest, ein weiteres Element (html-Widget) einsetzt, dem du die Sprungmarke zuordnest. Dieses Element setzt du Position: absolut und margin-top: -50px.

Ein Beispiel findest du auf: https://designtest-Vienna.jimdofree.com

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!