Wieso kann man nach rechts scrollen, obwohl ich es unterbinde?
Ich bin am responsiven Design einer Webseite dran, und habe overflow-x: hidden; . da stehen. Trotzdem kann man am Handy nach rechts scrollen? Wieso? Auch die anderen Sachen von overflow: gehen nicht. Kann wer helfen? .-.
3 Antworten
![](https://images.gutefrage.net/media/user/MooKuh/1501666031821_nmmslarge__54_15_183_183_d77ea7ec61c07e446a971e77edf02b06.jpg?v=1501666032000)
Dann kann es sein, dass ein Element zu breit (bzw. Breiter als 100%) ist, sodass man nach rechts scrollen kann.
![](https://images.gutefrage.net/media/user/tavkomann/1546901653590_nmmslarge__0_0_512_512_d0d8c4156c0806032a429d80fed1cb83.png?v=1546901654000)
Es kommt auch auf die Breite an. Wenn die Breite größer als der Bildschirm ist, erscheinen Scrollbalken. Overflow: hidden bedeutet in dem Fall, dass du nur bis zur vollen Breite scrollen kannst, aber nicht weiter.
Zum besseren Verständnis habe ich dir hier ein Beispiel erstellt:
https://jsfiddle.net/1aam4x6m/1/
Dort siehst du, dass trotz overflow-x: hidden Scrollbalken erscheinen, weil die Breite mehr als 100% beträgt. So ähnlich könnte es auch bei dir sein, doch ohne Code können wir leider nur raten.
![](https://images.gutefrage.net/media/user/MonkeyKing/1720109156640_nmmslarge__0_0_400_400_a7448469a17c2ce8ed07251058ff274b.jpg?v=1720109157000)
Ohne den Code kann man das nicht so beantworten. Grundsätzlich ist overflow-x:hidden ja schon richtig, aber es kommt darauf an wo genau die Direktive angewendet wird.