Saya ingin membuat menu bar kiri sticky bar dengan bootstrap 3 seperti:
http://getbootstrap.com/getting-started/
Saya sudah membaca dokumentasi yang diberikan http://getbootstrap.com/javascript/#affix
Saya mencoba dengan .affix
tetapi hasilnya nol.
Update: @Skelly, Terima kasih atas contoh baik Anda. dan ya, saya ingin seperti contoh Anda. Saya sudah mengunduh html contoh Anda, tetapi setelah mengunduh file html, side bar tidak berfungsi di sana.
Bootstrap 3
Berikut ini adalah contoh bilah sisi kiri yang berfungsi:
http://bootply.com/90936 (mirip dengan dokumen Bootstrap)
Triknya adalah menggunakan komponen affix
bersama dengan beberapa CSS untuk memposisikannya:
#sidebar.affix-top {
position: static;
margin-top:30px;
width:228px;
}
#sidebar.affix {
position: fixed;
top:70px;
width:228px;
}
EDIT- contoh lain dengan footer dan affix-bottom
Bootstrap 4
Komponen Affix telah dihapus di Bootstrap 4, jadi untuk membuat sidebar lengket, Anda dapat menggunakan plugin 3rd party Affix seperti ini contoh sidebar lengket Bootstrap 4, atau menggunakan sticky-top
class adalah dijelaskan dalam jawaban ini.
Anda juga dapat mencoba menggunakan Polyfill seperti Fixed-Sticky. Terutama ketika Anda menggunakan Bootstrap4, komponen affix
tidak lagi disertakan:
Menghilangkan plugin Affix jQuery. Kami sarankan untuk menggunakan position: sticky sebagai gantinya.