检测何时到达可滚动 div 的底部并带有偏移量

Question

我发现这个答案在这里很有用..

Jquery infinite scroll - with div not scrollbar of body

但现在我希望能够将该值偏移大约 100 像素，这样您就不必在脚本变为 运行 之前到达 div 的底部。

最初我知道如果我这样做...

$('#content').scroll ->
    if $(this).scrollTop() + $(this).outerHeight() >= ($(this)[0].scrollHeight - 100)
        console.log 'reached the bottom'

它会工作，但每次数字大于等式的另一边时它也会触发，但我显然不想每次都尝试触发 ajax 脚本等于真。

我怎样才能让这个偏移量起作用但不知何故只触发它一次？

将它设置为相等不起作用，因为 scrollTop() 不会给我每个数字，如果您滚动得特别快，有时它会跳过数字。

Answer 1

您可以添加一个变量来测试它是否已经被触发。
当条件为真时检查变量是否为真，在这种情况下执行工作并将我们的变量设置为假。
您还需要在向上滚动时将此变量的值设置为 true。