Scrolling in Mobil-Browsern per JavaScript deaktivieren

Um das Scrolling in modernen Mobil-Browsern (z.B. unter iOS) per JavaScript zu deaktivieren, kann man folgenden Code nutzen:

function preventDefault(e){
    e.preventDefault();
}

function disableScroll(){
    document.body.addEventListener('touchmove', preventDefault, { passive: false });
}

function enableScroll(){
    document.body.removeEventListener('touchmove', preventDefault);
}

Mittels disableScroll() wird das Scrolling dann deaktiviert, möchte man es wieder aktivieren, kann man enableScroll() nutzen.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert