Hier ein Beispiel von einer Sidebar mit Bootstrap Offcanvas. Dieses Beispiel habe ich hier direkt aus den Beispielen von Bootstrap in einen einfachen Textblock der Rubrik "Article" vom Standard Thema "Mobirise5" eingebaut.
Hier geht es zu meinem Tutorial für diese Sidebar.
Koordinaten x: 0, y: 0
In diesem Beispiel bleibt das Scrollen der Seite erhalten.
Es gibt auf der Bootstrap Seite ganz unterschiedliche Beispiele.
Man kann die Sidebar auch mit Buttons und Links versehen oder diese auch oben, rechts oder unten ausklappen lassen.
Die Anzeige der x, y Koordinaten habe ich mit diesem <span> Tag in meinen Text integriert:
<span id="coordinates">x: 0, y: 0</span>
Der Code von diesem Skript lässt sich im "Code Editor" von Mobirise nicht darstellen.
Im Screenshot seht ihr das Skript, das ihr euch hier kopieren könnt, das ich am 16.07.2024 über die KI "ChatGPT" erstellen ließ.
Dieses Skript gehört in den Seiteneinstellungen in den Bereich: "End of <body> code"