Heim >Web-Frontend >CSS-Tutorial >Wie kann ich das Scrollen von Seiten mit jQuery programmgesteuert deaktivieren und aktivieren?

Wie kann ich das Scrollen von Seiten mit jQuery programmgesteuert deaktivieren und aktivieren?

Barbara Streisand
Barbara StreisandOriginal
2024-12-28 10:19:10199Durchsuche

How to Programmatically Disable and Enable Page Scrolling with jQuery?

Programmgesteuertes Scrollen der Seite mit jQuery deaktivieren

Um das Scrollen des Textes mit jQuery zu deaktivieren, können Sie die folgende Lösung nutzen:

$('html, body').css({
    overflow: 'hidden',
});

Dadurch wird die Überlaufeigenschaft der HTML- und Body-Elemente auf „versteckt“ gesetzt, wodurch effektiv verhindert wird, dass die Seite angezeigt wird Scrollen.

Um das Scrollen wiederherzustellen, können Sie die Überlaufeigenschaft wieder auf „auto“ setzen:

$('html, body').css({
    overflow: 'auto',
});

Dieser Ansatz wurde getestet und bestätigt, dass er sowohl in Firefox als auch in Chrome funktioniert. Es bietet eine einfache und effektive Möglichkeit, das Scrollen von Seiten programmgesteuert zu deaktivieren.

Das obige ist der detaillierte Inhalt vonWie kann ich das Scrollen von Seiten mit jQuery programmgesteuert deaktivieren und aktivieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn