javascript - 检测何时以偏移量到达可滚动 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'

它会起作用，但每次数字大于等式另一边时它也会触发，但我显然不想在每次脚本等于 true 时尝试触发 ajax 脚本。

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

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

Answer 1

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