Heim  >  Artikel  >  Web-Frontend  >  So verhindern Sie, dass Bildlaufleisten im CSS-Text angezeigt werden

So verhindern Sie, dass Bildlaufleisten im CSS-Text angezeigt werden

藏色散人
藏色散人Original
2020-12-30 09:19:242779Durchsuche

So erreichen Sie keine Bildlaufleiste im CSS-Body: Öffnen Sie zunächst die entsprechende HTML-Seite und setzen Sie dann den Stil im Chrome-Browser auf „body::-webkit-scrollbar{display: none;}“.

So verhindern Sie, dass Bildlaufleisten im CSS-Text angezeigt werden

Die Betriebsumgebung dieses Tutorials: Dell G3-Computer, Windows 7-System, Chrome76.0 und CSS3-Version.

Empfohlen: „CSS-Video-Tutorial

CSS, um zu verhindern, dass Bildlaufleisten im Körper angezeigt werden

Wenn es darum geht, Bildlaufleisten auszublenden, denken wir zuerst an Überlauf: versteckt, aber nachdem wir es festgelegt haben Damit die Seite nicht gescrollt werden kann, können wir das Pseudoelement ::scrollbar im Chrome-Browser wie folgt einstellen:

body::-webkit-scrollbar{
    display: none;
}

Der Effekt ist wie folgt. Die Bildlaufleiste ist ausgeblendet und die Seite kann weiter gescrollt werden.

So verhindern Sie, dass Bildlaufleisten im CSS-Text angezeigt werden

Das obige ist der detaillierte Inhalt vonSo verhindern Sie, dass Bildlaufleisten im CSS-Text angezeigt werden. 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