Seitliches Menü mit Sticky-Effekt

Hallo zusammen,

der Link führt zu einer Seite, die zweispaltig ist. Links in der größeren Spalte befindet sich Text. Die Überschriften sind jeweils mit einem Anker versehen. In der rechten Seite befindet sich ein Navigationsmenü mit Links, die zu den Ankern führen. Das funktioniert soweit auch schon.

Schön wäre es, wenn das Menü nach einem Klick immer noch sichtbar wäre, also "kleben" bliebe. Mit CSS habe ich es bisher nicht hinbekommen...

Hat jemand von Euch vielleicht eine Idee?

LG

Andreas

Wir benutzen das Flex-Template: https://flex.aplikko.com.

Bei der Modul-Position konnte ich den Parameter "absolut" leider nicht finden.

Das habe ich schon alles probiert. Bitte beachten, dass manche Sachen auskommentiert sind.

Testweise habe ich den Hintergrund auf rot geändert. Das hat funktioniert. Alle anderen Einträge zeigen keine Änderung.

.navigation {

position: -webkit-sticky;

top: 0;

//background-color: red;

align-self: flex-start;

//position: absolute;

}

Hallo nochmal,

ich sitze jetzt schon seit gestern wieder an diesem Problem. Nichts funktioniert...

Mittlerweile habe ich ein wirklich schönes Menü mit der Scrollspy-Funktion (https://getbootstrap.com/docs/4.0/components/scrollspy/) gebastelt. Es wäre phänomenal, wenn dieses Menü auf der linken Seite mit dem Sticky-Effekt immer sichtbar wäre.

Hier meine Bastelseite: https://ars-langen.de/index.ph…bote/fahrten/englandfahrt (Das Menü befindet sich auf der linken Seite.

Unter https://getbootstrap.com/docs/4.0/components/scrollspy/ kann man auf der rechten Seite eine ähnliche Lösung sehen, die sogar funktioniert!

Ich würde mich freuen, wenn mir jemand weiterhelfen kann.

Nochmal zur Info: Wir verwenden das Flex-Template (https://flex.aplikko.com).

Mit freundlichen Grüßen

Andreas

Ich habe eine Lösung gefunden!

Link: https://www.joomshaper.com/for…ion/8541#qa-answer-114891