Guten Tag Community,
ich habe bereits so viele Stunden in meine Sidebar investiert und möchte endlich fertig werden.
Es geht im Prinzip um diese Seite: http://renesass.de/sidebar/
Das Problem ist die mobile Ansicht (getestet mit iPhone).
Wenn ich die Seitenleiste einblenden lasse, dann bekommt der Content ein width: 100% und mit dem padding-left verschiebt sich der ganze Content-Bereich um den padding-left Wert - wie es sein soll.
Nach dem einblenden verschiebt sich aber die Toggle Leiste und ist nicht mehr top: 0px (wenn man zuvor im Content runtergescrollt hat). Auch kann man in der Sidebar nicht mehr ganz nach oben oder ganz nach unten scrollen.
So habe ich die ganze Sache aufgebaut:
- toggle-wrapper (fixed, top 0px, right 0px, eingerückt mit left)
- content-wrapper (eingerückt mit padding-left, normale Positionierung)
- sidebar-wrapper (fixed, top 0px, left 0px, height 100%)
Übrigens: Wenn ich dem Content kein width: 100% gebe sondern auf auto lasse, dann tritt dieses Phänomen nicht auf.
Wisst ihr, wie ich diesen Fehler beheben kann?
Wäre extrem toll, wenn mir jemand helfen könnte!