jquery延迟加载div中的内容

我想在div中加载内容。我有很多jquery scoll插件，但都是用于整个页面加载的。当滚动到达div底部时，我想在现有div中加载内容。有人能帮我吗？

您可以使用jquery和Ajax执行类似操作：

var loading = false;//to prevent duplicate

function loadNewContent(){       
    $.ajax({
        type:'GET',
        url: url_to_new_content    
        success:function(data){
            if(data != ""){
                loading = false;
                $("#div-to-update").html(data);
            }
        }
    });
}

//scroll DIV's Bottom 
$('#div-to-update').on('scroll', function() {
    if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) {
        if(!loading){
            loading = true;
            loadNewContent();//call function to load content when scroll reachs DIV bottom                
        }   
    }
})


//scroll to PAGE's bottom
var winTop = $(window).scrollTop();
var docHeight = $(document).height();
var winHeight = $(window).height();
if  ((winTop / (docHeight - winHeight)) > 0.95) {       
    if(!loading){
        loading = true;
        loadNewContent();//call function to load content when scroll reachs PAGE bottom                
    }       
}

---

您可以使用JQuery和this执行类似的操作

你的部门：

<div data-src="transparent.png" url="http://stackoverflow.com"></div>

---

我知道这是一个古老的话题，但我要完整地说：正如前面所说的，你可以用这个。但我不会按照这里的方式来做已经有一个插件可以通过AJAX加载

内容

将插件添加到您的页面：（您还需要jQuery或Zepto）

并开始使用Lazy:

$(function() {
    $("div[data-src]").Lazy();
});

---

就这样！只要用户通过滚动到达

，就会加载

数据src

中给出的内容。更多信息。

我不希望滚动显示在页面底部。我希望滚动显示在div中，并希望加载div中的内容，而不是整个页面上的内容

$（“#div to update”）.html（数据）加载
DIV
中的内容。我已经更新了
DIV
滚动的代码。非常感谢，这节省了我很多时间。非常感谢，它可以帮助您保持联系。键入：Offtop。对不起，eisbehr，你能读懂你什么时候有空吗？如何通过jQuery.lazy插件在网站上对评论进行延迟加载？谢谢
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.lazy/1.7.1/jquery.lazy.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.lazy/1.7.1/plugins/jquery.lazy.ajax.min.js"></script>

<div data-loader="ajax" data-src="ajax.html"></div>

$(function() {
    $("div[data-src]").Lazy();
});