$(function(){
$(window).scroll(function(){
if ($(window).scrollTop() == $(document).height() - $(window).height()){
var id = $(".resim_url img:last").attr("id");
$.ajax({
type: "post",
url: "ajax.php?do=devam",
data: {"id":<?=$_GET["id"]?>},
success: function(veri){
if(veri == "bos"){
$(".loader").hide();
alert("Gösterilecek başka Resim kalmadı.");
}
else{
$(".artical-content").append(veri);
}
}
})
}
});
}); Scroll hareketine göre veri yükleme
4
●601
- 10-12-2015, 22:45:44Arkadaşlar aşağıdaki kod scroll tam sayfanın sonuna geldiğinde veri yüklemesi yapıyor ancak ben sayfanın sonuna 500px kala veri yüklenmesini istiyorum bunu nasıl yapacağım
- 10-12-2015, 23:05:51Merhaba,
3üncü satırdaki
if ($(window).scrollTop() == $(document).height() - $(window).height()){
şunu
if ($(window).scrollTop() == $(document).height() - $(window).height()-500){
şöyle değiştirin.
kolaylıklar.
icebreaker adlı üyeden alıntı: mesajı görüntüle - 10-12-2015, 23:10:52Hocam bu şekilde bende yaptım ama bunu yaptığımızda scroll en aşağıya inip tekrar 500px yukarı çıktığında işlemi yapıyorbluexpres adlı üyeden alıntı: mesajı görüntüle
- 10-12-2015, 23:19:10Evet bir şeyi atladık haklısınız. Sayfa muhakkak en aşağıya iner, daha fazla ileri gidemez onun için == kullanılabilir ama böyle ara değer alırsak o eşitlik denk gelmeyebilir. == yerine büyüktür > gibi bir mantıkla ilerleyebilirsiniz fakat 500pxten aşağıya ilerledikçe content yüklenene kadar yine yükleme işlemi tekrarlanır. canlı örneği görmeden kuramadım kafamda bir > yapın demek istediğimi anlayacaksınız. live url verirseniz daha mantıklı bir algoritma bulabiliriz belki.icebreaker adlı üyeden alıntı: mesajı görüntüle
- 10-12-2015, 23:37:59Teşekkürler hocambluexpres adlı üyeden alıntı: mesajı görüntüle
if ($(window).scrollTop() > $(document).height() - $(window).height()-500){
yapınca oldu.