Cara Menghilangkan Scrollbar Pada Blog Atau Website - Fungsi Scroll Tetap Bekerja

Cara Menghilangkan Scrollbar Pada Blog Atau Website - Fungsi Scroll Tetap Bekerja

scrollbar
Hi Web Developer! kembali lagi bersama dengan guru design. kali ini guru design akan berbagi tutorial Cara Menghilangkan Scrollbar Pada Blog Atau Website - Fungsi Scroll Tetap Bekerja. Buat para master silahkan di simak saja,  buat para pemula wajib diikuti dan diterapkan pada blog atau website-nya masing-masing. Ok lanjut ketutorial

Disini saya akan membagikan tutorial cara menghilangkan scrollbar pada element HTML bukan pada element Textarea, jadi keduanya berbeda berikut gambar scrollbar element HTML
scrollbar

Jiika kita ingin menghilangkan scrollbar pada elemen textarea cukup tambahkan style CSS overflow:hidden selesai, tapi jika kita terapkan overflow:hidden pada element HTML maka fungsi scroll-nya pun hilang jadi tidak bisa dinaikan dan diturunkan. Untuk cara menghilangkan scrollbar pada element HTML sedikit berbeda silahkan tambahkan style CSS berikut pada blog atau website anda
<style type="text/css">
.element,html{scrollbar-width:none}html::-webkit-scrollbar,.element::-webkit-scrollbar{display:none}
</style>

Sekian tutorialnya terimakasih semoga bermanfaat.

Related Post

6 komentar