Javascript 如何在滚动后加载ajax?

Javascript 如何在滚动后加载ajax?,javascript,jquery,html,css,ajax,Javascript,Jquery,Html,Css,Ajax,我有不止一个ajax页面,我想在滚动后加载我的ajax页面。我该怎么做?我有一个简单的基本结构,我想在滚动之后加载ajax,就像无限滚动或惰性图像一样 $('.lazy_content')。在('load',函数(e)上{ data_url=$(this.attr(“数据url”); data_id=$(this).attr(“数据目标id”); $.ajax({ url:data\u url, 类型:“POST”, beforeSend:函数(){ $(“.loaderDiv”).show(

我有不止一个ajax页面,我想在滚动后加载我的ajax页面。我该怎么做?我有一个简单的基本结构,我想在滚动之后加载ajax,就像无限滚动或惰性图像一样

$('.lazy_content')。在('load',函数(e)上{
data_url=$(this.attr(“数据url”);
data_id=$(this).attr(“数据目标id”);
$.ajax({
url:data\u url,
类型:“POST”,
beforeSend:函数(){
$(“.loaderDiv”).show();
$(“#”+数据id).html(“”);
},
成功:功能(数据){
 $(数据)。每个(功能)(索引,el){
$(“.loaderDiv”).hide();
$(“#”+data_id).html(数据);
});
}
})
});

评论

只需在元素(div)上添加事件滚动条即可:


只需在元素(div)上添加事件滚动:


为此,您有一个本机JS事件:

    onscroll="myFunction"

为此,您有一个本机JS事件:

    onscroll="myFunction"

请为滚动位置添加条件以避免在每个滚动事件上加载数据,但当用户到达底部AJAX时,它必须加载动态。请为滚动位置添加条件以避免在每个滚动事件上加载数据,但当用户到达底部AJAX时,它必须加载动态。您尝试过吗?我使用的是lazySizes插件,它不支持懒惰html和我不能更改我的惰性插件即用即用示例:在那些页面中,你可以看到带有jQuery的示例(没有插件)你试过了吗?我使用的是lazySizes插件,它不支持惰性的html,我不能更改我的惰性插件即用即用示例:在那些页面中,你可以看到带有jQuery的示例(没有插件)