Webseite scrollen verhindern?

Hallo ich möchte auf meiner Webseite das Scrollen zur Seite auf dem Handy verhindern, die einzige Möglichkeit die ich gefunden habe hat leider auch die Schieberegler deaktiviert!

Answer 1

[regex9]

Wenn der Nutzer horizontal scrollen kann, muss es auch ein Element in deinem Dokument geben, welches eine entsprechende Breite einnimmt.

Welches Element das ist und wieso es so breit ist, kannst du über das Inspektortool deines Browsers herausfinden.

Comments

[Luna93136]

Und wo kann ich das herausfinden?

[regex9]

@Luna93136

Wie gesagt im Inspektortool. Geh die einzelnen Elemente durch. Der Browser zeigt dir die Breite an, die die Elemente vereinnahmen.

Answer 2

[MooKuh]

Einfach per Media query im css einstellen:

@media screen and (max-width:600px){

body {

overflow-x: hidden;

}

}

Comments

[Webclon]

Absolut richtig aber ich würde "767px" nehmen , was normalerweise auf Handys zutrifft.

[Luna93136]

Das habe ich schon versucht aber irgendwie ist nichts passiert

[MooKuh]

@Luna93136

Dann versuch das so:

Body{

Overflow-x:hidden !important;

}