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);
                    }

                }
            })
        }
    });
});