Cara Menyembunyikan Scrollbar Browser dengan Javascript untuk Website & Blog

Cara Menyembunyikan Scrollbar Browser dengan Javascript untuk Website & Blog, mungkin Anda sudah tahu scrollbar dan sudah menggunakannya dan mungkin juga Anda sudah menggunakan scrollbar yang disembunyikan namun masih mempertahankan fungsinya. Pada kesempatan ini saya akan berbagi trik cara menyembunyikan scrollbar dengan Javascript buat Anda yang belum menggunakan fungsi ini.
Pada prinsip kerjanya menyembunyikan scrollbar dengan Javascript ini hanya menyembunyikan obyek yang menggunakan scrollbar sehingga scrollbar tersebut tidak kelihatan, adapun caranya yaitu dengan menambahkan kerangka atau wadah untuk menyimpan obyek tersebut yang ukuran lebarnya dikurangi ukuran scrollbar atu dengan memberikan margin kiri selebar scroll bar. Tapi kali ini saya menggunakan Javascript yang lebih mudah tanpa mengutak-atik CSS. Seperti gambar di bawah ini.

Scrollbar Disabled - Klik untuk memperbesar

Copy kode berikut ini :
<script type="text/javascript" src="http://icha.adenpriyonggo.tk/noscroll.js"></script>
Paste kan di atas tag <body> di Website / Blog Anda.
Simpan dan lihat hasilnya.

Fungsi Javascript ini juga menonaktifkan Scroll pada mouse.

Anda juga bisa Lihat Demo nya Disini.
sumber


Posting Komentar

0 Komentar