lostyazilim
tr.link

İçeriği Takip Eden Sidebar Nasıl Yapılır ?

6 Mesajlar 1.311 Okunma
lstbozum
tr.link

volbiex volbiex WM Aracı Kullanıcı
  • Üyelik 04.08.2017
  • Yaş/Cinsiyet 31 / E
  • Meslek Serbest
  • Konum Adana
  • Ad Soyad K** T**
  • Mesajlar 343
  • Beğeniler 23 / 120
  • Ticaret 5, (%100)
Arkadaşlar merhaba yeni bir wordpress tema tasarımı için uğraşıyorum. istediğim şey uzun yazı içeriklerinde sidebarın aşağı doğru kaymasını sağlamak.

örnek vermek gerekirse https://css-tricks.com/examples/ScrollingSidebar/

buradaki uygulamayı denedim ama beceremedim bootstrap alt yapısını kullanıyorum. bu konuda farklı önerileri olan var mıdır ?
 

 

wmaraci
reklam

Solhan Solhan WM Aracı Kullanıcı
  • Üyelik 12.03.2014
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad F** S**
  • Mesajlar 203
  • Beğeniler 57 / 74
  • Ticaret 11, (%100)
Bootstrap Affix Sidebar diye geçiyor. Örnek link: https://www.bootply.com/100983
 

 

ibrahimylmz ibrahimylmz Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 14.08.2017
  • Yaş/Cinsiyet 25 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad H** Y**
  • Mesajlar 198
  • Beğeniler 24 / 38
  • Ticaret 0, (%0)
Uata css ilr basit bir sekilde yapabilirsin ama animation css ilk olarak boxu fixed der sabitleriz sonrada animation css ile gecişleri belirleriz ama ben js ilede bunu yaparim dersen oda sana kalmis
 

 

volbiex volbiex WM Aracı Kullanıcı
  • Üyelik 04.08.2017
  • Yaş/Cinsiyet 31 / E
  • Meslek Serbest
  • Konum Adana
  • Ad Soyad K** T**
  • Mesajlar 343
  • Beğeniler 23 / 120
  • Ticaret 5, (%100)

ibrahimylmz adlı üyeden alıntı

Uata css ilr basit bir sekilde yapabilirsin ama animation css ilk olarak boxu fixed der sabitleriz sonrada animation css ile gecişleri belirleriz ama ben js ilede bunu yaparim dersen oda sana kalmis


cevabın için teşekkür ederim. şimdi dediğin gibi fixedle işi hallediyorum ama içeriğim kısa sidebarım uzun olduğunda bu sefer sidebar biçimsiz gözüküyor veya uzuyor. kafamı karıştırdı baya :D örnek kodlama varsa bakmak isterim

Solhan adlı üyeden alıntı

Bootstrap Affix Sidebar diye geçiyor. Örnek link: https://www.bootply.com/100983


bunu denicemde scrollbarsız olmadı.
 

 

wmaraci
wmaraci

SefaCanDemir SefaCanDemir Front-End Developer Kullanıcı
  • Üyelik 10.11.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Front-End Developer
  • Konum Adana
  • Ad Soyad S** D**
  • Mesajlar 1345
  • Beğeniler 234 / 472
  • Ticaret 12, (%100)
Scroll Follow Sidebar diye araştırabilirsiniz tonlarca alternatif bulunmakta.
 

 

sefacandemir.com.tr

volbiex volbiex WM Aracı Kullanıcı
  • Üyelik 04.08.2017
  • Yaş/Cinsiyet 31 / E
  • Meslek Serbest
  • Konum Adana
  • Ad Soyad K** T**
  • Mesajlar 343
  • Beğeniler 23 / 120
  • Ticaret 5, (%100)

SefaCanDemir adlı üyeden alıntı

Scroll Follow Sidebar diye araştırabilirsiniz tonlarca alternatif bulunmakta.


teşekkür ederim. sorunumu çözdüm. benim gibi arayan arkadaşlar olur diye çözümü yazayım.

tüm sidebarı kapsayan ana div için;


position: sticky;
top: 0;


değerlerini verdiğimizde sidebar içerikle hareket edip sabitleniyor.
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al