Sticky Alan Problemi

24.03.2017 14:45

halilyc labters.com Kullanıcı

Üyelik 14.12.2013
Yaş/Cinsiyet 32 / E
Meslek Web & Grafik ve iOS
Konum İstanbul Anadolu

Ad Soyad H** Y**
Mesajlar 837
Beğeniler 441 / 190
Ticaret 6, (%100)

Merhabalar arkadaşlar, wordpress için tema yazıyorum ve jquery ile daha öncesinde pek ilgim yoktu bu temada yer vermeye başladım ve soldaki son 10 yazı alanını sticky olarak yapışkan yaptım, sayfa aşağı gittikçe yine o sol köşede sabit kalıyor. Herşey iyi güzel ama bu sticky alan content içinde sona ermiyor, css de fixed yapılmış gibi sürekli orda duruyor, taşma oluşturuyor ve çirkin bir görüntü ortaya çıkıyor.

Sticky in parent denen birşeyle çözülüyormuş bu problem ama jquery bilgim pek olmadığı için beceremedim, size zahmet yardımcı olabilirseniz sevinirim.

Jquery kodu :

<script>

  $(document).ready(function(){

    $("#sticker").sticky({topSpacing:0});

  });

</script>

Ekran görüntüsü :

24.03.2017 15:02

#2

TEHET ✨ Kullanıcı

Üyelik 04.10.2014
Yaş/Cinsiyet 33 / E
Meslek Tasarımcı
Konum Ankara

Ad Soyad M** A**
Mesajlar 791
Beğeniler 96 / 374
Ticaret 1, (%100)

<script>

  $(document).ready(function(){

    $("#sticker").sticky({topSpacing:0,wrapperClassName:'wrapper'});

  });

</script>





        

        //içerik

Bu şekilde olabilir.

1 kişi bu mesajı beğendi.

24.03.2017 15:16

#3

halilyc labters.com Kullanıcı

Üyelik 14.12.2013
Yaş/Cinsiyet 32 / E
Meslek Web & Grafik ve iOS
Konum İstanbul Anadolu

Ad Soyad H** Y**
Mesajlar 837
Beğeniler 441 / 190
Ticaret 6, (%100)

TEHET teşekkürler hocam ilginiz için fakat sorun halen devam ediyor, jquery kodunu verdiğiniz ile değiştirip wrapper kısmı yerine content alanının class adı olan content-area yı yazdım malesef yine aynı

24.03.2017 15:20

#4

TEHET ✨ Kullanıcı

Üyelik 04.10.2014
Yaş/Cinsiyet 33 / E
Meslek Tasarımcı
Konum Ankara

Ad Soyad M** A**
Mesajlar 791
Beğeniler 96 / 374
Ticaret 1, (%100)

halilyc bahsettiğin content-area clasına position:relative ekleyip dene.

1 kişi bu mesajı beğendi.

24.03.2017 15:26

#5

halilyc labters.com Kullanıcı

Üyelik 14.12.2013
Yaş/Cinsiyet 32 / E
Meslek Web & Grafik ve iOS
Konum İstanbul Anadolu

Ad Soyad H** Y**
Mesajlar 837
Beğeniler 441 / 190
Ticaret 6, (%100)

TEHET birşey değişmedi hocam, teamviewer bilgileri atsam 2 dk göz atabilir misiniz hocam size zahmet ?

25.03.2017 12:41

#6

halilyc labters.com Kullanıcı

Üyelik 14.12.2013
Yaş/Cinsiyet 32 / E
Meslek Web & Grafik ve iOS
Konum İstanbul Anadolu

Ad Soyad H** Y**
Mesajlar 837
Beğeniler 441 / 190
Ticaret 6, (%100)

tam olarak burdaki olay yapmak istediğim arkadaşlar, yardımcı olabilecek birisi çıkarsa çok makbule geçer :)

http://leafo.net/sticky-kit/

26.03.2017 16:39

#7

asonons WM Aracı Kullanıcı

Üyelik 27.05.2015
Yaş/Cinsiyet 29 / E
Meslek Wordpress
Konum Balıkesir

Ad Soyad Ç** U**
Mesajlar 500
Beğeniler 211 / 210
Ticaret 11, (%100)

content alanınıda belirtmeniz gerekiyor.

<script>
  $(document).ready(function(){
    $("#sticker, .content").sticky({topSpacing:0});
  });
</script>

1 kişi bu mesajı beğendi.

26.03.2017 16:50

#8

halilyc labters.com Kullanıcı

Üyelik 14.12.2013
Yaş/Cinsiyet 32 / E
Meslek Web & Grafik ve iOS
Konum İstanbul Anadolu

Ad Soyad H** Y**
Mesajlar 837
Beğeniler 441 / 190
Ticaret 6, (%100)

asonons teşekkürler ama bu hiç olmadı hocam, content kısmını da sticky yaptı. Benim istediğim olay tam şu adresteki birinci örnek, soldaki sidebar kullanıcı sayfayı aşağı çektikçe sabit kalacak taaki footera varana kadar, footera varınca sidebar content alanı içerisinde kalacak, taşma yapmayacak yani :)

http://leafo.net/sticky-kit/

26.03.2017 17:17

#9

asonons WM Aracı Kullanıcı

Üyelik 27.05.2015
Yaş/Cinsiyet 29 / E
Meslek Wordpress
Konum Balıkesir

Ad Soyad Ç** U**
Mesajlar 500
Beğeniler 211 / 210
Ticaret 11, (%100)

o zaman ikisini de kapsayan bir div açın yine çalışmazsa ya css'te hatalar var ya da float vb kod sıkıntı çıkarıyor olabilir clear:both verin son olarakta kullandığınız jquery kodlarında eksik/sıkıntı olabilir.

linkteki jquery eklentisini mi kullanıyorsunuz? eklentiyi görmeden jquery çözümü üretmek mümkün değil.

1 kişi bu mesajı beğendi.

26.03.2017 17:33

#10

halilyc labters.com Kullanıcı

Üyelik 14.12.2013
Yaş/Cinsiyet 32 / E
Meslek Web & Grafik ve iOS
Konum İstanbul Anadolu

Ad Soyad H** Y**
Mesajlar 837
Beğeniler 441 / 190
Ticaret 6, (%100)

asonons adlı üyeden alıntı

o zaman ikisini de kapsayan bir div açın yine çalışmazsa ya css'te hatalar var ya da float vb kod sıkıntı çıkarıyor olabilir clear:both verin son olarakta kullandığınız jquery kodlarında eksik/sıkıntı olabilir.

linkteki jquery eklentisini mi kullanıyorsunuz? eklentiyi görmeden jquery çözümü üretmek mümkün değil.

hocam linkteni kullanmıyorum, yukarıda verdiğim kod var sadece. Teamviewer bilgisi atsam özelden bir bakabilir misiniz hocam ?

Sticky Alan Problemi

Üye Girişi Yap