Posisi bar skrol menegak di seberang dengan CSS

Amaran: Saya tidak mengesyorkan ini secara umum kerana ini memecahkan persepsi umum kedudukan scrollbar, yang sangat berguna untuk ramai pengguna, belum lagi ia adalah akses teras bagi ramai orang.

Walau bagaimanapun, ini adalah helah CSS yang menarik, dunia dalam talian adalah besar dan kompleks, dan semua jenis situasi mungkin memerlukan beberapa penyelesaian yang aneh.

Kaedah 1: Kemahiran Arah

Silap mata di sini adalah untuk mempunyai Elemen Penggunaan direction: rtl (atau arah yang bertentangan ke arah utama anda), dan kemudian biarkan elemen menatal secara dalaman beralih ke arah normal anda.

Kaedah 2: Kemahiran putaran

Mengubah orientasi teks untuk tujuan orientasi bukan teks selalu membuat saya merasa sedikit tidak selesa, jadi teknik ini tidak merasakan bahawa ia adalah "kaedah penggodam". Caranya adalah untuk memutar elemen induk sebanyak 180 darjah, dan kemudian memutarkan elemen kanak -kanak sebanyak 180 darjah untuk memulihkannya ke keadaan tegaknya.

Oleh kerana putaran pertama, bar skrol berakhir di seberang.

Terdapat dua sebab yang sangat memalukan untuk pendekatan ini:

1. Skrol elemen skrol ke bahagian bawah secara lalai.
2. Apabila menatal dengan roller, arah menatal terasa terbalik. Bar skrol itu sendiri harus berkelakuan normal, tetapi roda trackpad atau tetikus akan merasakan arah menatal elemen dibalikkan.

Ia lebih seperti jenaka Hari Fool April daripada kaedah praktikal. Tweet virus memanggilnya "dikutuk" dan ya, ia tidak.

Atas ialah kandungan terperinci Posisi bar skrol menegak di seberang dengan CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!