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

May 16, 2016 pm 04:40 PM
html bar skrol

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:




Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Sempadan Jadual dalam HTML Sempadan Jadual dalam HTML Sep 04, 2024 pm 04:49 PM

Panduan untuk Sempadan Jadual dalam HTML. Di sini kita membincangkan pelbagai cara untuk menentukan sempadan jadual dengan contoh Sempadan Jadual dalam HTML.

Jadual Bersarang dalam HTML Jadual Bersarang dalam HTML Sep 04, 2024 pm 04:49 PM

Ini ialah panduan untuk Nested Table dalam HTML. Di sini kita membincangkan cara membuat jadual dalam jadual bersama-sama dengan contoh masing-masing.

HTML jidar-kiri HTML jidar-kiri Sep 04, 2024 pm 04:48 PM

Panduan untuk HTML margin-kiri. Di sini kita membincangkan gambaran keseluruhan ringkas tentang HTML margin-left dan Contoh-contohnya bersama-sama dengan Pelaksanaan Kodnya.

Susun Atur Jadual HTML Susun Atur Jadual HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Susun Atur Jadual HTML. Di sini kita membincangkan Nilai Susun Atur Jadual HTML bersama-sama dengan contoh dan output n perincian.

Senarai Tertib HTML Senarai Tertib HTML Sep 04, 2024 pm 04:43 PM

Panduan kepada Senarai Tertib HTML. Di sini kami juga membincangkan pengenalan senarai dan jenis Tertib HTML bersama-sama dengan contoh mereka masing-masing

Memindahkan Teks dalam HTML Memindahkan Teks dalam HTML Sep 04, 2024 pm 04:45 PM

Panduan untuk Memindahkan Teks dalam HTML. Di sini kita membincangkan pengenalan, cara teg marquee berfungsi dengan sintaks dan contoh untuk dilaksanakan.

Pemegang Tempat Input HTML Pemegang Tempat Input HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Pemegang Tempat Input HTML. Di sini kita membincangkan Contoh Pemegang Tempat Input HTML bersama-sama dengan kod dan output.

Bagaimana anda menghuraikan dan memproses HTML/XML dalam PHP? Bagaimana anda menghuraikan dan memproses HTML/XML dalam PHP? Feb 07, 2025 am 11:57 AM

Tutorial ini menunjukkan cara memproses dokumen XML dengan cekap menggunakan PHP. XML (bahasa markup extensible) adalah bahasa markup berasaskan teks yang serba boleh yang direka untuk pembacaan manusia dan parsing mesin. Ia biasanya digunakan untuk penyimpanan data

See all articles