Header Fixed - R10.net

10-07-2017, 10:48:02

Üyeliği durduruldu

Merhabalar,
Arkadaşlar fixed menu yaptım. Fakat header sanki aşağıya inip yukarı çıkınca atlıyor gibi. Bunu nasıl düzeltebilirim yardımcı olur musunuz ?
Site:http://www.icgiyimi.com

10-07-2017, 11:01:36

#2

~Aykut

headeri fixed yaptıktan sonra altındaki kısma header yuksekligi kadar yukarıya bosluk koyman lazım. sen scrool oynayında fixed yapıp sayfanın en ustunde sabitliyorsun. altındaki dogal olarak yukarı zıplıyor.

10-07-2017, 15:51:50

#3

~~angelicmoon~~

Üyeliği durduruldu

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

headeri fixed yaptıktan sonra altındaki kısma header yuksekligi kadar yukarıya bosluk koyman lazım. sen scrool oynayında fixed yapıp sayfanın en ustunde sabitliyorsun. altındaki dogal olarak yukarı zıplıyor.

Hocam nereyi kasteddiğinizi anlamadım. Nereye header kadar yükseklik vereceğim. Sayfa kaynağından bakıp söyleyebilir misiniz ? Daha yeniyim. Şimdiden teşekkürler.

11-07-2017, 18:54:42

#4

thealiyasar

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

Merhabalar,
Arkadaşlar fixed menu yaptım. Fakat header sanki aşağıya inip yukarı çıkınca atlıyor gibi. Bunu nasıl düzeltebilirim yardımcı olur musunuz ?
Site:http://www.icgiyimi.com

jQuery("document").ready(function ($) {
   var nav = $('.headerfixed');
   $(window).scroll(function () {
      if ($(this).scrollTop() > 0) {
         nav.addClass("fixed");
      } else {
         nav.removeClass("fixed");
      }
   });
});

Öncelikle burada bulunan 0 a farklı bir deger vermeniz gerekmekte, sebebi ise headeriniz çok büyük yaklaşık olarak 275px değerinde brir yüksekliği bulunmakta büyük ekranlarda sorun olmayabilir fakat küçül ekranlarda porblem yaratır bu durum.

Sizin değeri 0 olan js kodunu azami 150px yapın ki alttaki kısım scroll 150px e gelene kadar gözüksün. Değeri farklı da verebilirsiniz fakat 0 dan yüksek bir değer verin. Sorununuz bu şekilde çözülür.

12-07-2017, 18:47:27

#5

~~angelicmoon~~

Üyeliği durduruldu

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

jQuery("document").ready(function ($) {
   var nav = $('.headerfixed');
   $(window).scroll(function () {
      if ($(this).scrollTop() > 0) {
         nav.addClass("fixed");
      } else {
         nav.removeClass("fixed");
      }
   });
});

Öncelikle burada bulunan 0 a farklı bir deger vermeniz gerekmekte, sebebi ise headeriniz çok büyük yaklaşık olarak 275px değerinde brir yüksekliği bulunmakta büyük ekranlarda sorun olmayabilir fakat küçül ekranlarda porblem yaratır bu durum.

Sizin değeri 0 olan js kodunu azami 150px yapın ki alttaki kısım scroll 150px e gelene kadar gözüksün. Değeri farklı da verebilirsiniz fakat 0 dan yüksek bir değer verin. Sorununuz bu şekilde çözülür.

Hocam 150 yapıyorum değişen pek birşey olmuyor. aradolu.com a bakarsan orada gayet başarılı bir şekilde ayarlanmış. Araştırdım ama bulamadım.