js判断页面是否有滚动条

function hasVerticalScrollbar() {
  return document.documentElement.scrollHeight > window.innerHeight;
}

function hasHorizontalScrollbar() {
  return document.documentElement.scrollWidth > window.innerWidth;
}

// 使用示例
if (hasVerticalScrollbar()) {
  console.log("页面有垂直滚动条");
}

if (hasHorizontalScrollbar()) {
  console.log("页面有水平滚动条");
}

function checkScrollbarWithDelay() {
  setTimeout(() => {
    if (hasVerticalScrollbar()) {
      console.log("页面有垂直滚动条");
    } else {
      console.log("页面没有垂直滚动条");
    }
  }, 0);
}

document.addEventListener('DOMContentLoaded', () => {
  checkScrollbarWithDelay();
});

// 假设有一个函数loadMoreContent用于动态加载内容
function loadMoreContent() {
  // 加载内容的逻辑...
  checkScrollbarWithDelay(); // 再次检查滚动条
}