用鼠标拖动Javascript无限滚动

用鼠标拖动Javascript无限滚动,javascript,scroll,spinner,infinite-scroll,scrolltop,Javascript,Scroll,Spinner,Infinite Scroll,Scrolltop,我一直在实现一个带有微调器的无限卷轴,当卷轴到达底部时,它会出现在滚动div的底部。该微调器具有一定的高度,因此显示该微调器时,容器div的滚动高度会增加。在我的场景中,首先用户滚动到底部,然后显示具有特定高度的微调器,滚动高度增加,我使用“scrollTop”再次到达底部。鼠标滚轮滚动时一切正常,但当我尝试在到达底部后用鼠标左键将滚动条拖动到底部时,微调器会像往常一样出现,scrollTop工作正常,但之后如果我继续向下拖动(即使我在底部),滚动条会跳起来。谢谢你的帮助 我使用onscroll

我一直在实现一个带有微调器的无限卷轴,当卷轴到达底部时,它会出现在滚动div的底部。该微调器具有一定的高度,因此显示该微调器时,容器div的滚动高度会增加。在我的场景中,首先用户滚动到底部,然后显示具有特定高度的微调器,滚动高度增加,我使用“scrollTop”再次到达底部。鼠标滚轮滚动时一切正常,但当我尝试在到达底部后用鼠标左键将滚动条拖动到底部时,微调器会像往常一样出现,scrollTop工作正常,但之后如果我继续向下拖动(即使我在底部),滚动条会跳起来。谢谢你的帮助

我使用onscroll回调显示微调器并使用scrollTop滚动:

  if (out.offsetHeight + out.scrollTop === out.scrollHeight) {
    loaderElement.className += " show";
    out.scrollTop += 100;
  }
这是小提琴: