Pada artikel berbentuk wiki kali ini akan membahas tentang Tips and Trick : Mendisain Scrollbar Otomatis via Browser Chrome, Opera, dan Mozilla Firefox bagaimana cara mendisainya? untuk tutorial kali ini hanya membutuhkan file html dan css saja lho. Daripada tambah penasaran yuk kita bahas langsung.
1. Mendisain Scrollbar Otomatis via Browser Chrome, Opera, dan browser dengan berbasis Chrome
Untuk mendisain scrollbar otomatis dengan menggunakan browser chrome dan Opera ini caranya mudah. cukup dengan anda tambahkan kode css di bawah ini pada halaman/file html anda.
Kode Pertama
body::-webkit-scrollbar {}
body::-webkit-scrollbar-track {}
body::-webkit-scrollbar-thumb {}
body::-webkit-scrollbar-button:start:decrement, body::-webkit-scrollbar-button:end:increment {}
Kode Kedua
::-webkit-scrollbar {}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-thumb {}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {}
Keterangan : Kode diatas baik yang pertama ataupun yang kedua bisa pilih salah satu mana yang diinginkan. Mengapa yang kode pertama ada kalimat body disitu. Karna, lokasi atau letak dari scrollbar ini pada browser atau halaman web terletak pada bagian bodynya atau badan dari website itu.
0 komentar:
Posting Komentar