Sidebar sorunu - R10.net

03-04-2019, 12:19:42

https://e-evcil.com/test/ Adresinde Sağ kısımda olan sidebar yukarı kaldırdığımda sidebar sola kayıyor bunu nasıl düzeltebilirim acaba ?

03-04-2019, 12:26:19

#2

~~Guneyz~~

Üyeliği durduruldu

jquery kodu yazılmış scroll yaptığında navigation-block div'ine affix class'ı ekliyor onu kaldırırsan js'den sorunun düzelecektir.

03-04-2019, 13:40:10

#3

Adalente

onu bulamıyorum bulsam düzelticem oradan sol yerine sağ yapmam gerekiyor.

03-04-2019, 13:55:45

#4

~~Guneyz~~

Üyeliği durduruldu

bootstrap klasöründe bootstrap-affix.js dosyasından düzenlemeler yapabilirsin.

this.$element.removeClass(reset).addClass('affix' + (affix ? '-' + affix : ''))

mevcut class'ın silindiği ve affix class'ının eklendiği satır burası

03-04-2019, 14:46:14

#5

Adalente

Cevap için Teşekkür ederim ama affix eklediğinde class float:right silinmiyor onu anlayamadım hocam.

position:fixed alıyor sadece affix ile ama sola neden kayıyor onu sağ kısımda kalarak görevini yapmasını sağlamak istiyorum.

Guneyz adlı üyeden alıntı: mesajı görüntüle

bootstrap klasöründe bootstrap-affix.js dosyasından düzenlemeler yapabilirsin.

this.$element.removeClass(reset).addClass('affix' + (affix ? '-' + affix : ''))

mevcut class'ın silindiği ve affix class'ının eklendiği satır burası

03-04-2019, 14:50:29

#6

Ersinco

Hayır birşey kaldırmana gerek bulunmuyor, CSS'de sorun mevcut.
affix class'ı fixed olarak yazılmış, position: fixed; şeklinde.

Aşağıda ki kodlarda ki değişimi sağlarsan sorun çözülecektir.

/test/css/huraga-red.css Bu dosyada ki bu alanı bulun

.navigation-block.affix {
    position: fixed;
    top: 20px;

}

Bu kod ile değiştirin

.navigation-block.affix {
    position: sticky;
    top: 20px;

}

03-04-2019, 15:11:17

#7

Adalente

O zamanda Mobilde önce menu çıkıyor sonra content sağdaki kısmı aşağıya aldığımdada kayıyor sidebarın mobilde sonra gelmesini nasıl sağlarım acaba ?

Ersinco adlı üyeden alıntı: mesajı görüntüle

Hayır birşey kaldırmana gerek bulunmuyor, CSS'de sorun mevcut.
affix class'ı fixed olarak yazılmış, position: fixed; şeklinde.

Aşağıda ki kodlarda ki değişimi sağlarsan sorun çözülecektir.

/test/css/huraga-red.css Bu dosyada ki bu alanı bulun

.navigation-block.affix {
    position: fixed;
    top: 20px;

}

Bu kod ile değiştirin

.navigation-block.affix {
    position: sticky;
    top: 20px;

}