javascript - 在没有 jQuery 的情况下检测车轮事件 JavaScript 的结束

Question

我有my code ，而且我无法理解如何检测滚动结束(当它到达元素底部时)。

document.getElementById('list').addEventListener('wheel', function () {
    function load() {
       var fragment = document.createDocumentFragment();

        for (var i = 0; i < 10; i++) {
            var p = document.createElement('p');
            p.appendChild(document.createTextNode(i));
            fragment.appendChild(p);
       }
       return fragment;
     }

      // if ( scroll end ) { load new content 
         this.appendChild(load());
      //} 
  }, false);

这个任务有什么最佳实践/算法吗？

Answer 1

好的，我现在明白你想要实现的目标了......

基本上，有两个属性 .scrollHeight 是可滚动元素中内容的高度，.scrollTop 返回当前滚动位置可滚动的内容。

当你滚动到可滚动元素的末尾时，它的 scrolltop + height 将等于它的 scrollheight，所以你的条件应该是这样的:

var myList = document.getElementById('list');
if (myList.scrollTop + myList.offsetHeight == myList.scrollHeight) {
    this.appendChild(load());
}

这是您的 Fixed Fiddle