wmaraci reklam
tr.link

Aşağı Scroll Edilince Fixed Header Üzerinde çıkan yeni Menü

12 Mesajlar 4.431 Okunma
acebozum
tr.link

ebekirbayar ebekirbayar Bekir BAYAR Kullanıcı
  • Üyelik 24.05.2017
  • Yaş/Cinsiyet 29 / E
  • Meslek Öğrenci
  • Konum Konya
  • Ad Soyad B** B**
  • Mesajlar 77
  • Beğeniler 14 / 2
  • Ticaret 0, (%0)
Çok teşekkür ederim. AÇIKLAYICI VE MANTIKLI.
YARDIM İÇİN TEKRAR SAĞOL.
TEŞEKKÜRLER
 

 

googleasistan
reklam

ebekirbayar ebekirbayar Bekir BAYAR Kullanıcı
  • Üyelik 24.05.2017
  • Yaş/Cinsiyet 29 / E
  • Meslek Öğrenci
  • Konum Konya
  • Ad Soyad B** B**
  • Mesajlar 77
  • Beğeniler 14 / 2
  • Ticaret 0, (%0)

ERENKYI adlı üyeden alıntı

Eğer haber kısmına gelmeden belirli bir miktar kaydırdıktan sonra göstermek istiyorsanız

$(this).scrollTop() >= $('#haber-baslangici').offset().top

kısmını

$(this).scrollTop() >= 50

şeklinde değiştirin.

Eğer ana headerı gizleyip farklı bir header göstermek istiyorsanız header elementini kopyalayarak sticky-header gibi bir class ekleyin ve javascripti ona göre düzenleyin. Ama diğer headerı kullanmayacaksanız boşuna sayfada DOM kirliliği yapmayın, bir header içine 2 farklı header içeriği koyun ve benim yaptığım gibi sadece onları gizleyip gösterin. Eğer içerik değiştiğinde CSS'i de değiştirmek istiyorsanız jQuery'nin addClass ve removeClass özelliğini kullanın.


yukarı kaydırınca olmuyor en üste çıkınca kayboluyor.
en alt kısımda iken aynı şekilde 50 px yukarı çıkınca kaybolması için jquerye ne eklememiz lazım
 

 

Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al