Malaga | Headleiste soll oben bleiben

10.09.2021 15:20

a.spange
#1

a.

Hallo zusammen,

ich baue gerade eine zolesa.com auf und habe einen Code bei Expanding Jimdo gefunden und implementiert, der die Navigationsleiste und das Logo verschwinden lässt, wenn man nach unten scrollt. Klappt alles, wie es soll. Das Problem ist, sie taucht leider wieder auf, wenn man nur kurz nach oben scrollt, was zur Überlagerung der Navigation mit dem Content führen kann und einfach unschön aussieht und die Usability verringert.

Kann mir jemand sagen, wie ich den Head am oberen Rand fixieren kann, sodass er nur auftaucht, wenn man das obere Ende der Website erreicht? In der mobilen Ansicht von Malaga ist es schon standardmäßig so eingestellt, wie ich es eigentlich haben möchte. Ein Beispiel: bmw.de, ist zwar bestimmt nicht mit Jimdo gebaut, aber genauso stelle ich mir das Verhalten der Navigationsleiste auf dieser Seite vor.

Vielen Dank im Voraus und allen ein schönes Wochenende.

PS: Ich hätte den Beitrag gerne mit Links gefüttert. Da es aber mein erster ist, habe ich noch nicht das Recht dazu.

Antworten

Beitrag melden

#2

10.09.2021 18:26

Gismo
#2

Gismo

Hallo evtl. benötigst du sowas in der Art hier.

aber ohne Gewähr. !

1
2
3
4
5
6
7
8
9
10
 

 <style type="text/css">
/*<![CDATA[*/
 
.jtpl-header {
position:fixed;
}
 
/*]]>*/
</style>
 

Antworten

Beitrag melden

#3

11.09.2021 00:26

a.spange
#3

a.

a.spange

Hi Gismo,

vielen Dank für Deine Antwort, das ist schon nah dran. Was noch fehlt ist, dass der Header so am oberen Rand fixiert ist, dass er beim nach unten scrollen verschwindet und erst wieder auftaucht, wenn man beim nach oben scrollen das obere Ende der (Unter-) Seite erreicht hat. Ich bin mir nicht sicher, aber vielleicht ist das doch gar nicht so trivial.

Einen schönen Abend,

Andreas

Antworten

Beitrag melden

#4

11.09.2021 16:12

az_
#4

az_

Auf https://designtest-verona.jimdofree.com/ hab ich für die Navigation ein Java Skript eingesetzt, welches so etwas macht. In diesem Falle umgedreht und nur auf die Navigation bezogen, aber mit dem Skript kannst du jegliche Elemente mit einer zusätzlichen Klasse ausstatten, sobald eine bestimmte Position Scrollposition erreicht ist. Das würde dir deinen Wunsch erfüllen, glaub ich.
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

#5

11.09.2021 19:02

a.spange
#5

a.

a.spange

Hi _az,

danke für deine Antwort. Das klingt vielversprechend! Unter welchen Bedingungen und wie könnte ich das Skript bekommen und so anpassen, dass es meine Bedürfnisse erfüllt? Du musst wissen, dass ich nicht die Expertise habe, um ein Skript umzuschreiben. Ich bin schon froh, wenn ich einfache css Anweisungen verstehe�

LG Andreas

Antworten

Beitrag melden

#6

13.09.2021 21:14

az_
#6

az_

Bitte Kontakt per E-Mail!

Danke, 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