如何在滚动到达末尾之前获得警报

Question

$.ajax({
    url: "http://localhost:50971//Home/NewMethod",
    type: "get",
    dataType: "json",
    cache: false,
    success: function (Result)
    {
        var select = $('<Select />', {id:'ddlDynamic'});
        var appenddata;
        $.each(Result.slice(0,50), function (key, value) {
            appenddata += "<option value = '" + value.PKFormID + " '>" + value.FormDesc + " </option>";
        });
        $(select).html(appenddata).appendTo('#dropdown');
        $('#ddlDynamic').scroll(function () {
            if ($(this)[0].scrollHeight - $(this).scrollTop() <= $(this).outerHeight()) {
                alert("end of scroll");
                // You can perform as you want

            }
        });            
    }
});

我在 Result 中获取数据，并且我第一次显示了 50 条记录。现在我想做这样的事情，当我到达终点时，它会显示一条显示一条消息的警报，但我没有得到任何东西，也没有错误。

需要帮助。 谢谢。

Answer 1

你可以试试这个。它可以工作here

$.ajax({
    url: "http://localhost:50971//Home/NewMethod",
    type: "get",
    dataType: "json",
    cache: false,
    success: function (Result)
    {
        ....... // your code here
        $(window).scroll(function() {
             var divTop = $('#yourDivId').offset().top,
             divHeight = $('#yourDivId').outerHeight(),
             wHeight = $(window).height(),
             windowScrTp = $(this).scrollTop();
             if (windowScrTp > (divTop+divHeight-wHeight)){
                    alert('reached to bottom');
             }
        });           
    }
});