Bootstrap 3 ile aşağıdaki gibi bir sol yapışkan çubuk menü oluşturmak istiyorum:
http://getbootstrap.com/getting-started/
Ben olsam verilen belgeleri okurdum http://getbootstrap.com/javascript/#affix
.affix` ile deniyorum ama sonuç sıfır.
Güncelleme: @Skelly, Nazik örneğiniz için teşekkürler. ve evet, örneğinizi beğenmek istiyorum. Örnek html dosyanızı indirdim, ancak html dosyasını indirdikten sonra yan çubuk orada çalışmadı.
Bootstrap 3
İşte çalışan bir sol kenar çubuğu örneği:
http://bootply.com/90936 (Bootstrap dokümanlarına benzer)
Püf noktası, konumlandırmak için bazı CSS ile birlikte affix
bileşenini kullanmaktır:
#sidebar.affix-top {
position: static;
margin-top:30px;
width:228px;
}
#sidebar.affix {
position: fixed;
top:70px;
width:228px;
}
EDIT- Başka bir altbilgi ve ek-alt ile örnek
Bootstrap 4
Affix bileşeni Bootstrap 4'te kaldırılmıştır, bu nedenle yapışkan bir kenar çubuğu oluşturmak için bu Bootstrap 4 yapışkan kenar çubuğu örneği gibi bir 3. taraf Affix eklentisi kullanabilir veya sticky-top
sınıfını kullanabilirsiniz bu yanıtta açıklanmıştır.
Ayrıca Fixed-Sticky gibi bir Polyfill kullanmayı da deneyebilirsiniz. Özellikle Bootstrap4 kullanırken affix
bileşeni artık dahil değil:
Affix jQuery eklentisini bıraktı. Bir position: sticky kullanmanızı öneririz polyfill yerine.