Haben Sie eine feste Position div, die scrollen muss, wenn der Inhalt überläuft
Ich habe eigentlich zwei Probleme, aber lassen Sie uns das Hauptproblem zuerst lösen, da ich glaube, dass das andere leichter zu lösen ist.
Ich habe eine feste Position div auf der linken Seite der Schriftrolle für ein Menü. Die rechte Seite ist eine Standard-Div, die korrekt scrollt. Das Problem ist, dass, wenn der Browser-Ansichts-Port zu klein ist, um das gesamte Menü zu sehen, es keine Möglichkeit gibt, es zum Scrollen zu bringen, die ich finden kann (zumindest nicht mit CSS). Ich habe versucht, verschiedene Überläufe in CSS zu verwenden, aber nichts bringt das div zum Scrollen. Das Div, das das Menü enthält, ist auf min-height: 100% und position: fixed gesetzt. Beide Attribute muss ich beibehalten.
Der Div mit demSpeisekarte Befindet sich in einem anderen Wrapper-Div, der absolut positioniert und auf 100% gesetzt ist.
Wie kann ich einen vertikalen Bildlauf durchführen, wenn der Inhalt für die div zu groß ist?
Das führt mich zu dem anderen Problem, dass ich nicht möchte, dass eine Bildlaufleiste angezeigt wird. Aber ich denke, ich habe möglicherweise bereits eine Antwort darauf (nur funktioniert es noch nicht, weil ich das div nicht zum Scrollen bringen kann beginnen mit).
Irgendwelche Lösungen? Möglicherweise wird Javascript benötigt? (wovon ich wenig weiß)
und der relevante Code, der das Problem verursacht (da das Posten des Ganzen hier zu lang ist):
.fixed-content {
min-height:100%;
position:fixed;
overflow-y:scroll;
overflow-x:hidden;
}
Ich habe auch versucht, die Höhe zu erhöhen: 100%, um zu sehen, ob das ein Problem ist, aber es hat weder funktioniert noch eine feste Höhe, wie z. B. 600px.