Cara Menghilangkan Scrollbar Pada Blog Atau Website - Fungsi Scroll Tetap Bekerja
Juli 19, 2024
7
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
Sekian tutorialnya terimakasih semoga bermanfaat.
Disini saya akan membagikan tutorial cara menghilangkan scrollbar pada element HTML bukan pada element Textarea, jadi keduanya berbeda berikut gambar scrollbar element HTML
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
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.