Eklentisiz yapışkan kenar çubuğu nasıl yapılır?

PaulWalker

🏅
Kıdemli Üye
Katılım
8 Ocak 2025
Konular
48
Mesajlar
50
Tepkime puanı
26
TL
100
Forumlarınızda sayfanızı aşağıya doğru kaydırırken kenar çubuğu (side-bar) sabit kalması için aşağıdaki kodu temanızın extra.less şablonuna ekleyip kaydedin.
Pixel değerini istediğiniz şekilde eksiltip artırarak temanıza uygun hale getirebilirsiniz.


@m-sticky-top: 48px;
@media (min-width: (@xf-responsiveWide + 1px)) {
.p-body-main--withSidebar {
.p-body-sideNav,
.p-body-sidebar {
flex: 0 0 auto;
display: block;
}
@supports ((position: sticky) or (position: -webkit-sticky)) {
.p-body-sidebar {
position: -webkit-sticky;
position: sticky;
top: 10px;
& when (@xf-publicNavSticky =primary) or (@xf-publicNavSticky =all) {
top: @m-sticky-top * 1px + 10px;
}
}
}
}
}
 
Üst Alt