Membuat Sidebar fixed dengan jQuery

Benar-benar konsep yang sederhana, sebuah sidebar akan mengikuti konten ketika dilakukan scroll. Sidebar ini telah diberi posisi fixed dengan nilai z-index lebih besar dari elemen yang terdapat dalam halaman. Bukan dengan CSS saja, javascript juga berperan penting dalam membuat efek window.scroll yang dapat mengukur seberapa jauh jendela pengguna bergulir dan menempatkan sidebar pada posisi konstan.

Agar lebih mengerti tentang sidebar fixed silahkan buat halaman html sederhana dengan konsep 2 kolom yang berisikan sidebar dan konten  seperti berikut :

Membuat-Sidebar-fixed-dengan-jQuery

Untuk melihat hasil yang maksimal isikan tag <p> dengan kontent yang banyak. simpan kode diatas dan atur stylenya seperti berikut :

Membuat-Sidebar-fixed-dengan-jQuery

SImpan style diatas. kemudian panggil jquery plugin sticky sidebar bisa kalian download disini. kemudian tambahkan script sebagai berikut :

Membuat-Sidebar-fixed-dengan-jQuery

Jika ingin melihat hasilnya silahkan klik DEMO.

23 Oktober 2014

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat