Rumah >hujung hadapan web >tutorial js >Topeng lapisan pop timbul JS, sembunyikan butiran bar skrol halaman latar belakang kemahiran analisis_javascript pengoptimuman
1. Bagaimana untuk mengalih keluar bar skrol
Cuma tambah atribut overflow:hidden pada badan Ia tidak akan berkuat kuasa dalam IE6 dan 7. Anda perlu menambah atribut overflow:hidden pada html
Gaya perlu dikenal pasti menggunakan penggodaman untuk IE6, 7 dan penyemak imbas lain Ini kerana jika html atau badan dilimpahi: tersembunyi apabila halaman ditarik ke bawah, halaman di bawah lapisan pop timbul lutsinar akan menjadi sebahagiannya. tersembunyi secara normal. Melalui ketelusan Skala kelabu yang anda lihat berkaitan dengan warna latar belakang yang ditetapkan oleh platform dan pengguna.
Selepas mengalih keluar bar skrol daripada badan atau html, halaman akan mempunyai lebar bar skrol/2 lompat! Lompatan ini sangat buruk untuk pengalaman pengguna, jadi tambahkan pelapik kanan pada badan, saiznya ialah lebar bar skrol. Lebar bar skrol di bawah platform Windows ialah 17px Lebar bar skrol berbeza untuk penatal yang berbeza di bawah platform Linux Anda boleh menggunakan kod yang berkaitan untuk mengira lebar bar skrol sebagai contoh.
Kod berkaitan:
document.documentElement.style.cssText = ‘overflow:none;+overflow:hidden;_overflow:hidden;'; document.body.style.cssText = ‘overflow:hidden;+overflow:none;_overflow:none;padding:0 17px 0 0;';
Kod di atas tidak mengambil kira sama ada html atau badan mempunyai gaya sebaris Jika html atau badan mempunyai gaya sebaris, ia perlu dikumpul, jika tidak, gaya asal akan dikosongkan.
2 Cara lain untuk membuang bahaya tersembunyi dengan menatal halaman (untuk mengelakkan penyalahgunaan)
Selepas menyembunyikan bar skrol, halaman tidak akan bergerak apabila menatal dengan roda tetikus saya fikir ini ok, tetapi tidak...
Pintasan papan kekunci juga boleh mengendalikan beberapa operasi penyemak imbas yang berkaitan dengan menatal halaman, seperti kekunci atas dan bawah, kekunci pusing halaman, dsb. Untuk pintasan papan kekunci, tindakan lalainya perlu dibatalkan.
3. Tambahkan gaya lapisan pop timbul
Tambahkan gaya global pada badan (serasi dengan IE6)
tinggi:100%;
Tambah gaya menatal pada lapisan elastik
overflow-y: auto; width: 100%; height: 100%; left:0; _padding:0 17px 0 0; //IE6bug,子元素绝对定位后对于父元素的padding依然有效
Topeng lapisan pop timbul JS di atas, analisis pengoptimuman butiran bar skrol halaman latar belakang adalah semua kandungan yang dikongsi oleh editor saya harap ia boleh memberi anda rujukan, dan saya juga berharap anda akan menyokong Script Home.