Horizontal Scroll

alaman ini berisi kode untuk gulir horizontal. Hal ini memungkinkan Anda untuk membuat kotak scroll dengan scroll horizontal (tetapi tidak gulir vertikal).

Jika Anda perlu untuk membuat kotak scroll dengan scrolling horizontal dan vertikal, periksa ini kode scrollbox HTML.

Untuk membuat kotak scroll dengan scroll horisontal, Anda perlu menggunakan overflow-x properti. Secara khusus, Anda perlu menggunakan kode ini: meluap-x: gulir;. Ini memberitahu browser Anda untuk membuat scroll bar pada x (horizontal) axis, setiap kali isi wadah terlalu lebar. Di sini, kita membuat konten kami terlalu lebar dengan menetapkan itu lebar 250 persen - yang 250 persen kontainer induknya (div).

Untuk mencegah scroll bar vertikal muncul, Anda perlu menggunakan meluap-y: hidden; (properti overflow-y mendefinisikan overflow vertikal).

Dasar Horizontal Scroll Box

Code	Example
<div style="border:1px solid black;width:150px;height:100px;overflow-y:hidden;overflow-x:scroll;"> <p style="width:250%;"> By using overflow-x, we can create scroll bars when the contents of this div are wider than the container. By setting this paragraph to 250 percent, it is 250 percent wider than the parent container - forcing an overflow. <br /> </p> </div>	By using overflow-x, we can create scroll bars when the contents of this div are wider than the container. By setting this paragraph to 250 percent, it is 250 percent wider than the parent container - forcing an overflow.