jQuery：当滚动到div的底部时使代码工作

Question

我找到了这段代码。当您滚动到整个页面的底部时它会起作用。我想更改此代码以检测div的底部。

这是代码

$(window).data('ajaxready', true).scroll(function(){
  if ($(window).data('ajaxready') == false) return;
  if($(window).scrollTop() == $(document).height() - $(window).height()){
    var datastring=$(".passform").last().serialize();
    $('div#loadmoreajaxloader').show();
    $(window).data('ajaxready', false);
    $.ajax({
    type: "POST",
    url: "post_update.php",
    data: datastring,
    cache   : false,
    success: function(html)
    {
        if(html)
        {
            $("#update").append(html);
            $('div#loadmoreajaxloader').hide();
        }else
        {
            $('div#loadmoreajaxloader').html('<center>No more posts to show.</center>');
        }
        $(window).data('ajaxready', true);
    }
    });
}});

谢谢！

Answer 1

你可以这样做：

像这样得到div底部的位置：

var bottom = $('#myDiv').position().top + $('#myDiv').outerHeight(true);

与qazxsw poi比较

$(window).scrollTop()

Answer 2

$（window）.height（）将给你视图端口高度，直到你可以滚动页面。

if($(window).scrollTop() == bottom) {
    // We are the bottom of the div

Answer 3

我的想法是将它颠倒过来。

var vH = $(window).height();
$('#yourSelector').scroll(function () {
    if ($(this).scrollTop() == vH) {
        //Do ur work
    }
});