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 :
Untuk melihat hasil yang maksimal isikan tag <p> dengan kontent yang banyak. simpan kode diatas dan atur stylenya seperti berikut :
SImpan style diatas. kemudian panggil jquery plugin sticky sidebar bisa kalian download disini. kemudian tambahkan script sebagai berikut :
Jika ingin melihat hasilnya silahkan klik DEMO.
Webinar Gratis 2024
Sabtu, 09 Maret 2024
10 Bahasa Rekomendasi Untuk Dipelajari di 2024
Python Developer, Data Science, Web Application
Minggu, 26 Mei 2024, 09.00-13.00 WIB
(4 Jam Membuat Backend di Laravel 11)