04 Februari 2014

Cara Menyembunyikan Scrollbar Browser dengan Javascript untuk Website & Blog

Oleh Android90 pada 04 Februari 2014  | Tidak ada komentar

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


Kategori : ,
Komentar
0 Komentar

0 Komentar:

    Jika Anda ingin menerima update RSS kami melalui email, cukup masukkan alamat email Anda di bawah ini lalu klik Langganan.

Teman

Networkedblogs

Kata Mutiara

Hak Cipta © 2009 - . Welcome - WP Theme-junkie di konversi oleh Bloggertheme9
Blogger template. Dipersembahkan oleh Blogger.
back to top