Jquery Kafa Yedirten Sorun
-
Herkese iyi geceler,
Kodum =
$(window).scroll(function(){ if ($(window).scrollTop() == $(document).height() - $(window).height()){ //grup_devami(); alert("çalışıyor"); } });
Şimdi grup_devami fonksiyonu yerine debug alabilmem için alert yazıyorum bazı durumlarda çalışıyor bazı durumlarda çalışmıyor. Mesela profile info sayfasında aşağı indikçe yüklenmesi için ilk listelenen veriyi limit 7 yapınca çalışyor ama başka bir şey yapınca çalışmıyor.
Yardımcı olabilirseniz çok sevinirim.
-
genel önemli bilgi: hocam debug işlemini böyle yaparsan çok vakit kaybedersin. chrome devtools ile breakpoint koyup istediğin yerde kodu durdurup debug yapabilirsin. ayrıca alert yazdırmak yerine console.log ile mesaj yazdırabilirsin. (bunlar çok basit yutup da birazcık arattırsan bulur öğrenirsin)
gelelim sorununa. bir çalışıp bir çalışmaması if içindeki durumu sağlayamamandan dolayı. bu height lerde bazen margin-padding ler hesabı bozabiliyor diye hatırlıyorum. scroll içini debug etmek zor olacağı yukarıda bahsettiğim şekilde console.log ile scrollTop() dan dönen değerleri ve document-window height ları yazdırarak neyin nerde uymadığını görebilirsin. -
$(function(){ $(window).scroll(function(){ if($(window).scrollTop() <= 60){ alert("60 pikselden yukarıda"); } else { alert("60 pikselden aşağıda"); } }); });
Hocam ne yapmak istediğini tam anlayamadım ancak örnek olarak yukarıdaki kod scroll 60 px aşağıya inerse çalışıyor.
Aşağıdaki kod ise ekran yüksekliği kadar aşağıya inerse çalışıyor. ÖR: ekran 1920x1080 ise; 1080 px sonrası çalışır.
$(function(){ $(window).scroll(function(){ if($(window).scrollTop() <= $( window ).height()){ alert("yukarıda"); } else { alert("aşağıda"); } }); });
-
TeRRoR bunu yazdı
genel önemli bilgi: hocam debug işlemini böyle yaparsan çok vakit kaybedersin. chrome devtools ile breakpoint koyup istediğin yerde kodu durdurup debug yapabilirsin. ayrıca alert yazdırmak yerine console.log ile mesaj yazdırabilirsin. (bunlar çok basit yutup da birazcık arattırsan bulur öğrenirsin)
gelelim sorununa. bir çalışıp bir çalışmaması if içindeki durumu sağlayamamandan dolayı. bu height lerde bazen margin-padding ler hesabı bozabiliyor diye hatırlıyorum. scroll içini debug etmek zor olacağı yukarıda bahsettiğim şekilde console.log ile scrollTop() dan dönen değerleri ve document-window height ları yazdırarak neyin nerde uymadığını görebilirsin.hocam dediğin gibi margin-padding ler yüzünden oluyormuş çözdüm gibi. Teşekkür ederim.
@legendary hocam sana da teşekkür ederim.
-
arkinfes bunu yazdıTeRRoR bunu yazdı
genel önemli bilgi: hocam debug işlemini böyle yaparsan çok vakit kaybedersin. chrome devtools ile breakpoint koyup istediğin yerde kodu durdurup debug yapabilirsin. ayrıca alert yazdırmak yerine console.log ile mesaj yazdırabilirsin. (bunlar çok basit yutup da birazcık arattırsan bulur öğrenirsin)
gelelim sorununa. bir çalışıp bir çalışmaması if içindeki durumu sağlayamamandan dolayı. bu height lerde bazen margin-padding ler hesabı bozabiliyor diye hatırlıyorum. scroll içini debug etmek zor olacağı yukarıda bahsettiğim şekilde console.log ile scrollTop() dan dönen değerleri ve document-window height ları yazdırarak neyin nerde uymadığını görebilirsin.hocam dediğin gibi margin-padding ler yüzünden oluyormuş çözdüm gibi. Teşekkür ederim.
@legendary hocam sana da teşekkür ederim.
hocam ona static olarak sayfanın o tasarımındaki marginlere göre + - değer verme yarın bir gün tasarımı değiştirirsin unutursun patlar orası haberinde olmaz.
-
TeRRoR bunu yazdıarkinfes bunu yazdıTeRRoR bunu yazdı
genel önemli bilgi: hocam debug işlemini böyle yaparsan çok vakit kaybedersin. chrome devtools ile breakpoint koyup istediğin yerde kodu durdurup debug yapabilirsin. ayrıca alert yazdırmak yerine console.log ile mesaj yazdırabilirsin. (bunlar çok basit yutup da birazcık arattırsan bulur öğrenirsin)
gelelim sorununa. bir çalışıp bir çalışmaması if içindeki durumu sağlayamamandan dolayı. bu height lerde bazen margin-padding ler hesabı bozabiliyor diye hatırlıyorum. scroll içini debug etmek zor olacağı yukarıda bahsettiğim şekilde console.log ile scrollTop() dan dönen değerleri ve document-window height ları yazdırarak neyin nerde uymadığını görebilirsin.hocam dediğin gibi margin-padding ler yüzünden oluyormuş çözdüm gibi. Teşekkür ederim.
@legendary hocam sana da teşekkür ederim.
hocam ona static olarak sayfanın o tasarımındaki marginlere göre + - değer verme yarın bir gün tasarımı değiştirirsin unutursun patlar orası haberinde olmaz.
hocam zaten proje mobile app . hani yok demeyelim diye web kısmını da yapıyorum. İlerisi için (proje tutarsa) zaten front-end çi tutarım tasarım gözü pek yok bende :)
-
Outerheight kullan. Onda padding margin border değerleri eklenmiş halde kulllaniliyor