• 10-12-2015, 22:45:44
    #1
    Arkadaş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

    $(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);
                        }
    
                    }
                })
            }
        });
    });
  • 10-12-2015, 23:05:51
    #2
    Merhaba,
    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
    Arkadaş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

    $(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);
                        }
    
                    }
                })
            }
        });
    });
  • 10-12-2015, 23:10:52
    #3
    bluexpres adlı üyeden alıntı: mesajı görüntüle
    Merhaba,
    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.
    Hocam bu şekilde bende yaptım ama bunu yaptığımızda scroll en aşağıya inip tekrar 500px yukarı çıktığında işlemi yapıyor
  • 10-12-2015, 23:19:10
    #4
    icebreaker adlı üyeden alıntı: mesajı görüntüle
    Hocam bu şekilde bende yaptım ama bunu yaptığımızda scroll en aşağıya inip tekrar 500px yukarı çıktığında işlemi yapıyor
    Evet 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.
  • 10-12-2015, 23:37:59
    #5
    bluexpres adlı üyeden alıntı: mesajı görüntüle
    Evet 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.
    Teşekkürler hocam

    if ($(window).scrollTop() > $(document).height() - $(window).height()-500){

    yapınca oldu.