Berkongsi petua tentang menggunakan bar skrol dalam penghasilan halaman HTML_HTML/Xhtml

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; >&lt ;/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: .TopDIV { kedudukan:mutlak; kiri:130px; atas:10px; lebar: 105; ketinggian:30; limpahan-x:tersembunyi; limpahan-y:auto; terapung: betul; gaya sempadan.:solid; lebar sempadan:; warna sempadan:merah } .LeftDIV { kedudukan:mutlak; kiri:10px; atas:40px; lebar: 120; ketinggian:60; limpahan-x:tersembunyi; limpahan-y:tersembunyi; terapung: betul; gaya sempadan.:solid; lebar sempadan:; warna sempadan:kuning } .MainDIV { kedudukan:mutlak; kiri:130px; atas:40px; lebar: 120;; ketinggian: 80; limpahan-x:auto; limpahan-y:auto; terapung: betul; gaya sempadan.:solid; lebar sempadan:; warna sempadan:biru } fungsi setStyle() { //145的由来LeftDiv的left kiri 15（15是滚动条的宽度） document.getElementById.style("athElementById. body.clientWidth - 145; //130的由来LeftDiv的left kiri document.getElementById("c").style.width=document.body.clientWidth - 130; //55的由来TopDIV的 ketinggian atas 15（15是滚动条的宽度） document.getElementById("b").style.height=document.body.clientHeight - 55; //40的由来TopDIV的 ketinggian atas document.getElementById("c").style.height=document.body.clientHeight - 40; } 1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 2234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 3234567890ABCDEFGHIJKWNOPQRSTUV 5234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 6234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 7234567890 4567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 9234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 0234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ60BCDEFGHIJKLMNOPQRSTUVWXYZ XYZ 2234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ class="MainDIV"> 1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 2234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 3234567890ABCDEFGHIJKWNOPQRSTUV 5234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 6234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 7234567890 4567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 9234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ 0234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ60BCDEFGHIJKLMNOPQRSTUVWXYZ XYZ 2234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ

Penggunaan bar skrol adalah sangat biasa, dan terdapat banyak pengetahuan berkaitan tentangnya Saya harap saya dapat terus belajar dan merumuskan, supaya keupayaan pembelajaran dan kecekapan pembelajaran saya dapat ditingkatkan ke tahap tertentu. .

Berkongsi petua tentang menggunakan bar skrol dalam penghasilan halaman HTML_HTML/Xhtml_Web