CSS tidak menyediakan kaedah langsung untuk menukar kedudukan bar tatal dari kiri ke kanan atau sebaliknya sebaliknya. Walau bagaimanapun, anda boleh mencapai ini menggunakan pendekatan tidak langsung.
Membelek Kanan/Kiri
Untuk menyelak bar skrol dari kiri ke kanan:
CSS:
<code class="css">.Container { height: 200px; overflow-x: auto; } .Content { height: 300px; } .Flipped { direction: rtl; } .Flipped .Content { direction: ltr; }</code>
Terbalik Atas/Bawah
Begitu juga, untuk menyelak bar skrol dari bawah ke atas:
CSS:
<code class="css">.Container { width: 200px; overflow-y: auto; } .Content { width: 300px; } .Flipped, .Flipped .Content { transform:rotateX(180deg); -ms-transform:rotateX(180deg); /* IE 9 */ -webkit-transform:rotateX(180deg); /* Safari and Chrome */ }</code>
Atas ialah kandungan terperinci Bagaimana untuk Flip Kedudukan Bar Skrol Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!