Javascript无限滚动鼠标拖动

时间:2016-02-15 16:09:50

标签: javascript scroll spinner infinite-scroll scrolltop

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

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

  if (out.offsetHeight + out.scrollTop === out.scrollHeight) {
    loaderElement.className += " show";
    out.scrollTop += 100;
  }

这是小提琴:https://jsfiddle.net/fm9cv3a3/

0 个答案:

没有答案