Saat mempelajari sistem siaran pers daging sapi hari ini, guru daging sapi itu berbicara tentang beberapa pengetahuan tentang bilah gulir. Tidak banyak disebutkan, tetapi hanya melibatkan bagian dari pengetahuan tentang bilah gulir. Jika Anda ingin belajar secara mendalam, ini tidak cukup. Anda harus mengumpulkan beberapa pengetahuan yang relevan sendiri.
Saya mengatakan bahwa sebuah fenomena harus umum untuk semua orang. Saat menghapus beberapa hal di halaman web, scrollbar sering masih menghapus posisi sebelum benda itu, daripada berlari ke bagian atas halaman dengan cara yang sangat tidak manusiawi. Jadi bagaimana ini diimplementasikan? Bahkan, metode ini sangat sederhana. Anda hanya perlu menambahkan MaintainScrollPositionOnpostback = benar ke bagian atas kode sumber .aspx. Lihat gambar di bawah ini:
Fenomena di atas ditemui ketika mempelajari sistem siaran pers daging sapi. Izinkan saya berbagi dengan Anda beberapa tips lain tentang menggunakan bilah gulir HTML.
(1) Sembunyikan scrollbar
<bodystyle = overflow-x: tersembunyi; overflow-y: tersembunyi>
(2) Cara tampil di sel atau lapisan
<Divstyle = lebar: 200px; tinggi: 200px; overflow-x: auto; overflow-y: auto;> </div>
(3) JavaScript mengubah gaya bilah gulir dalam bingkai, seperti mengubah warna, mengubahnya menjadi efek datar, dll.
<tyle>
Body {scrollbar-face-color: #ffcc99;
Scrollbar-highlight-color: #ff0000;
Scrollbar-shadow-color: #ffffff;
Scrollbar-3dlight-color: #000000;
Scrollbar-arrow-color: #ff0000;
Scrollbar-track-color: #dee0ed;
Scrollbar-darkshadow-color: #ffff00;}
</tyle>
menjelaskan:scrollbar-3dlight-color: warna; atur atau ambil warna perbatasan cerah scrollbar;
scrollbar-highlight-color: warna; atur atau ambil warna tepi cerah antarmuka 3D scrollbar;
scrollbar-face-color: warna; atur atau ambil warna permukaan scrollbar 3D;
scrollbar-arrow-color: warna; Atur atau ambil warna panah arah scrollbar; Properti ini tidak valid ketika scrollbar muncul tetapi tidak tersedia;
scrollbar-shadow-color: warna; atur atau ambil warna tepi gelap antarmuka 3D scrollbar;
scrollbar-darkshadow-color: color; atur atau ambil warna perbatasan gelap scrollbar;
scrollbar-base-color: warna; Atur atau ambil warna referensi scrollbar. Warna antarmuka lainnya akan disesuaikan secara otomatis sesuai.
scrollbar-track-color: warna; atur atau ambil warna area seret dari scrollbar
Komentar:Kode warna yang ingin Anda tetapkan untuk Anda dapat berada di hexadecimal, seperti #FF0000, yang dapat diwakili dalam RGB, seperti RGB (255,0.255); Saat mengatur gaya batang gulir, Anda tidak perlu menggunakan semua atribut untuk berlaku.
(4) Posisi elemen halaman di JavaScript
ClientX dan Clienty adalah posisi saat ini dari mouse relatif terhadap halaman web. Ketika mouse berada di sudut kiri atas halaman, clientx = 0, clienty = 0;
OffsetX dan offsety adalah posisi saat ini dari mouse relatif terhadap area tertentu di halaman web. Ketika mouse terletak di sudut kiri atas area ini di halaman, offsetx = 0, offsety = 0;
Screenx dan Screeney adalah posisi mouse relatif terhadap seluruh layar pengguna;
x dan y adalah posisi saat ini dari tikus relatif terhadap browser saat ini
Scrollleft: Atur atau dapatkan jarak antara batas kiri objek dan ujung paling kiri dari konten yang saat ini terlihat di jendela (karena ada bilah gulir, konten yang terlihat saat ini pada halaman tidak pasti).
Scrolltop: Mengatur atau mendapatkan jarak antara bagian atas objek dan bagian atas konten yang terlihat di jendela.
Kiri: Koordinat X objek relatif terhadap halaman.
Atas: Koordinat Y objek relatif terhadap halaman
(5) Pemilihan blok, klik kanan, dll.
<body oncontextMenu = self.event.returnValue = falseonselectStart = return false>
Contoh kecil berikut adalah secara otomatis mengatur bilah gulir sesuai dengan ukuran formulir
Salin kode