如何在滚动到达结束之前获得警报

时间:2017-06-28 07:34:51

标签: javascript jquery asp.net-mvc c#-4.0

$.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

            }
        });            
    }
});

我在结果中获取数据,并且我第一次显示了50条记录。现在我想做的就是当我到达终点时它显示一条显示消息的警报,但我没有得到任何错误。

需要帮助。 感谢。

1 个答案:

答案 0 :(得分:0)

你能尝试使用它吗?它有效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');
             }
        });           
    }
});