Rumah >hujung hadapan web >html tutorial >Berkongsi petua tentang menggunakan bar skrol dalam penghasilan halaman HTML_HTML/Xhtml_Web
Berkongsi petua tentang menggunakan bar skrol dalam penghasilan halaman HTML_HTML/Xhtml_Web
- WBOYasal
- 2016-05-16 16:40:021410semak imbas
Hari ini semasa saya belajar Sistem Siaran Berita Beef, Encik Beef bercakap tentang beberapa pengetahuan tentang bar skrol. Ia hanya menyentuh sebahagian daripada pengetahuan tentang bar skrol tidak mencukupi. Anda perlu mengumpul sendiri pengetahuan yang berkaitan
Saya akan mengatakan bahawa fenomena biasa mesti berlaku kepada semua orang, iaitu, apabila memadam sesuatu pada halaman web, bar skrol selalunya masih berada di kedudukannya. sebelum memadamkan perkara itu, daripada berlari ke bahagian atas halaman dengan cara yang sangat tidak berperikemanusiaan, maka ini Bagaimana ia dicapai Sebenarnya, kaedahnya sangat mudah Anda hanya perlu menambah MaintainScrollPositionOnPostback = "true" ke bahagian atas daripada kod sumber .aspx. Lihat gambar di bawah: 
Fenomena di atas ditemui semasa mempelajari sistem keluaran berita Brisket Izinkan saya berkongsi dengan anda beberapa petua lain tentang menggunakan bar skrol HTML
(1) Sembunyikan bar skrol<.>
(2) Cara memaparkan bar skrol dalam sel atau lapisan
(3)javascript menukar gaya bar skrol dalam bingkai, seperti menukar warna atau menukarnya kepada rata Kesan, dsb.
BADAN {SCROLLBAR-WARNA-WAJAH: #ffcc99; 🎜> SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-PANAH-WARNA: #ff0000;
SCROLLBAR-TRACK-COLOR: #dee0ed; >< ;/STYLE>
Penerangan:
scrollbar-3dlight-color:color; atau dapatkan semula bar skrol Warna tepi terang bagi antara muka 3D bar skrol; Menetapkan atau mendapatkan semula warna anak panah arah bar skrol; ;
scrollbar-darkshadow-color:color; Warna antara muka lain akan dilaraskan secara automatik dengan sewajarnya.
scrollbar-track-color:color; Tetapkan atau dapatkan semula warna kawasan seret bar skrol
Nota:
warna ialah kod warna yang anda ingin tetapkan, yang boleh menjadi perenambelasan , seperti #FF0000, boleh dinyatakan dalam RGB, seperti rgb(255,0,255);
(4) Kedudukan elemen halaman dalam javascript
clientX, clientY ialah kedudukan semasa tetikus berbanding halaman web Apabila tetikus terletak di sudut kiri atas halaman, clientX=0, clientY =0;
offsetX, offsetY ialah tetikus Kedudukan semasa relatif kepada kawasan tertentu dalam halaman web Apabila tetikus terletak di sudut kiri atas kawasan ini pada halaman, offsetX=0, offsetY=0;
screenX, screenY ialah kedudukan tetikus berbanding keseluruhan skrin pengguna;
x, y ialah kedudukan semasa tetikus berbanding penyemak imbas semasa
scrollKiri: Tetapkan atau dapatkan jarak antara kiri; tepi objek dan hujung paling kiri kandungan yang boleh dilihat pada masa ini dalam tetingkap (kerana penjanaan bar skrol, halaman semasa Ia boleh dilihat bahawa kandungannya tidak pasti).
scrollTop: Menetapkan atau mendapatkan jarak antara bahagian atas objek dan bahagian atas kandungan yang boleh dilihat dalam tetingkap.
kiri: X koordinat objek berbanding halaman. atas: Y koordinat objek relatif kepada halaman(5) Pemilihan perisai, klik kanan, dsb.
Contoh kecil berikut ini adalah untuk menetapkan bar skrol secara automatik mengikut saiz borang
Salin kod
Kodnya adalah seperti berikut: