Heim > Web-Frontend > Front-End-Fragen und Antworten > So stellen Sie HTML so ein, dass keine Bildlaufleisten angezeigt werden

So stellen Sie HTML so ein, dass keine Bildlaufleisten angezeigt werden

藏色散人
Freigeben: 2023-01-05 16:12:10
Original
7025 Leute haben es durchsucht

So stellen Sie ein, dass die Bildlaufleiste nicht in HTML angezeigt wird: Erstellen Sie dann ein Div auf der HTML-Codeseite. Legen Sie dann die Bildlaufleiste und die Bildlaufklasse fest Scrollfeld und blenden Sie es aus, wenn der Inhalt den Stil überschreitet.

So stellen Sie HTML so ein, dass keine Bildlaufleisten angezeigt werden

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, DELL G3-Computer.

Öffnen Sie zunächst das Front-End-Entwicklungstool hbuilder, erstellen Sie eine neue HTML-Codeseite, erstellen Sie ein übergeordnetes

und fügen Sie eine Klasse zu diesen beiden divs hinzu: Feld, scrollen.

So stellen Sie HTML so ein, dass keine Bildlaufleisten angezeigt werden

Fügen Sie dann Inhalte zum Unterbereich hinzu. Um die Bildlaufleiste zu ermöglichen, fügen Sie so viele Inhalte wie möglich hinzu.

Dann legen Sie das Bildlauffeld und den Bildlaufstil fest. Legen Sie einen Stil für das Bildlauffeld fest, der die Höhe und den Inhalt verbirgt, nachdem der Inhalt überschritten wurde. Legen Sie fest, dass die Bildlaufleiste angezeigt wird, nachdem der Inhalt 100 % und die Breite 100 % plus die Breite des Bildlaufs beträgt Bar.

So stellen Sie HTML so ein, dass keine Bildlaufleisten angezeigt werden

Speichern Sie den HTML-Code und öffnen Sie ihn mit einem Browser. Sie werden feststellen, dass die Bildlaufleiste nicht mehr angezeigt wird, der Seiteninhalt jedoch weiterhin gescrollt werden kann.

So stellen Sie HTML so ein, dass keine Bildlaufleisten angezeigt werden

【Empfohlenes Lernen: HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo stellen Sie HTML so ein, dass keine Bildlaufleisten angezeigt werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage