一图解释：监听dom滚动条是否滚动到底部

• scrollTop：一个元素的内容垂直滚动的高度；
• scrollHeight ：一个元素在不使用滚动条的情况下为了适应视口中所用内容所需的最小高度，包含内边距（padding），不包含外边距（margin）、边框（border）；

• clientHeight ：返回一个元素的像素高度，高度包含内边距（padding），不包含边框（border）、外边距（margin）和滚动条

  
  
  image.png
  
  

  监听dom滚动条是否滚动到底部代码如下：

templatesContainer.addEventListener("scroll", () => {
    const domClientHeihgt = templatesContainer.clientHeight;
    const domScrollTop = templatesContainer.scrollTop;
    const domScrollHeight = templatesContainer.scrollHeight;
    if (domScrollTop + domClientHeihgt >= domScrollHeight) {
        console.log("滚动到底部");
    }
});