水平AJAX发布加载器，检测滚动条到达结尾时

Question

我已经设置了一个带有overflow-x：scroll的div（#reviewspostscont），现在我想用AJAX加载帖子，但我无法检测滚动条何时到达正确的末端。 下面是我到目前为止的代码，我无法理解它的错误。 提前致谢， 马特

   $('#reviewspostscont').scroll(function(){
   var $this = $(this);
   scrollPercentage = 100 * $(this).scrollLeft() / ($('#reviewspostscont').width() - $(this).width());

                if  (scrollPercentage == 100){
                    alert('end!');  // just to test the code, then AJAX
                }
        }); 

Answer 1

问题在于如何计算总滚动宽度。我添加了 JSFiddle 。基本上，而不是：

scrollPercentage = 100 * $(this).scrollLeft() / 
    ($('#reviewspostscont').width() - $(this).width());

你应该：

scrollPercentage = 100 * $(this).scrollLeft() /
    ($(this)[0].scrollWidth - $(this).width());