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

本文主要是介绍一图解释：监听dom滚动条是否滚动到底部，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

• scrollTop：一个元素的内容垂直滚动的高度；
• scrollHeight ：一个元素在不使用滚动条的情况下为了适应视口中所用内容所需的最小高度，包含内边距（padding），不包含外边距（margin）、边框（border）；
• clientHeight ：返回一个元素的像素高度，高度包含内边距（padding），不包含边框（border）、外边距（margin）和滚动条
  
  监听dom滚动条是否滚动到底部代码如下：

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

这篇关于一图解释：监听dom滚动条是否滚动到底部的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---