Heim  >  Artikel  >  Web-Frontend  >  So deaktivieren Sie das Scrollen der Bildlaufleiste in CSS

So deaktivieren Sie das Scrollen der Bildlaufleiste in CSS

青灯夜游
青灯夜游Original
2021-04-30 14:14:1211733Durchsuche

In CSS können Sie die Attribute „overflow-x“ und „overflow-y“ verwenden, um das Scrollen in der Bildlaufleiste zu deaktivieren. Fügen Sie dem Boby-Element den Stil „overflow-x:hidden“ hinzu, um das Scrollen in der horizontalen Bildlaufleiste zu deaktivieren. „y:hidden“-Stil Das vertikale Scrollen in der Bildlaufleiste kann deaktiviert werden.

So deaktivieren Sie das Scrollen der Bildlaufleiste in CSS

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

css deaktiviert das Scrollen in der Bildlaufleiste

Setzen Sie es wie folgt:

body{    
    overflow-y: hidden;
    overflow-x: hidden;
}

overflow-x-Attribut gibt an, ob der Inhalt am linken/rechten Rand abgeschnitten werden soll, wenn er den Inhaltsbereich des Elements überläuft.

Das overflow-y-Attribut gibt an, ob der Inhalt am oberen/unteren Rand abgeschnitten werden soll, wenn er über den Inhaltsbereich des Elements hinausläuft.

Wenn der Wert dieser beiden Eigenschaften auf „versteckt“ gesetzt ist, können die horizontalen und vertikalen Bildlaufleisten deaktiviert werden und das Scrollen der Bildlaufleiste wird verhindert.

(Teilen von Lernvideos: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo deaktivieren Sie das Scrollen der Bildlaufleiste in CSS. 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