Fixed Container horizontal scrollen

[toto]

Servus zusammen, habe eine 100 % breite 74px hohe Headernavigation mit position: fixed. Diese hab ich auf min-width: 1000 px gestellt und möchte gerne bei einem kleinen Browserfenster das man von rechts nach links scrollen kann. Leider funktioniert das mit fixed Elementen nicht. ich habe im Web ein paar Ansätze gefunden aber diese haben leider auch nicht funktioniert. Hat jemand von euch einen Tipp?

Vielen Dank für Hilfe

Gruß toto

[Spooky]

Was soll nun gescrolled werden, alles oder nur der Header?

[toto]

Hier die Seite: Navileiste

Wenn man den Browser zusammenschiebt, soll man oben in der Navi mit den Icons nach rechts und links scrollen können.

[Spooky]

Da bräuchtest du noch einen Wrapper drum herum mit overflow-y:auto;
Aber das wird auf Desktop Browser nicht gut aussehen.

[toto]

Guten morgen, das probier ich mal aus.

so wie hier wäre es perfekt.

[Spooky]

Ja, dort ist es genau so gelöst. Dort hat der umliegende Container einfach

.touch-scroll {
    overflow: auto;
} 

[toto]

Ok, dann mache ich irgendwas mit dem innenliegenden fixiertem div falsch. Mir wird leider kein scrollbalken angezeigt

[Spooky]

Naja, du musst jetzt den äußeren Container fixed machen . Dein .scrollwrapper hat ja jetzt quasi keinen Inhalt der Platz einnimmt, weil der Inhalt eben position: fixed; ist. Das musst du jetzt einfach umkehren. Außerdem hast du nicht dem .scrollwrapper overflow: auto; gegeben, sondern .logos.

Zusammengefasst:

.scrollwrapper {
    top: 50px;
    position: fixed;
    overflow: auto;
    left: 0px;
    right: 0px;
}

.logos {
    position: relative;
    top: 0;
    overflow: visible;
} 

[toto]

Super! Klappt…vielen Dank.