如何检测Bootstrap模式滚动条的位置？

Question

我正在使用 JQuery 和 Bootstrap，并且正在使用 ajax 请求加载模式，因此内容将在模式内部动态加载。

我设法通过单击按钮（也在模式内）加载更多内容，但我想实现无限滚动功能。

然而，window.onscroll即使我在第一个 ajax 请求之后在模态中定义它，该函数似乎也不起作用或无法识别模态中的滚动位置。

问题：如何检测用户是否可以看到模态中的特定元素以自动加载更多内容？

Answer 1

其实我自己已经找到了正确的答案：

var modal_scrollTop = $('.modal-body').scrollTop();
var modal_scrollHeight = $('.modal-body').prop('scrollHeight');
var modal_innerHeight = $('.modal-body').innerHeight();

$('.modal-body').scroll(function() {

    // Write to console log to debug:
    console.warn('modal_scrollTop: ' + modal_scrollTop);
    console.warn('modal_innerHeight: ' + modal_innerHeight);
    console.warn('modal_scrollHeight: ' + modal_scrollHeight);

    // Bottom reached:
    if (modal_scrollTop + modal_innerHeight >= (modal_scrollHeight - 100)) {
        alert('reached bottom');
    } 

});