js+判断可视高度

// 获取浏览器窗口的可视高度
function getViewportHeight() {
  return window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
}

console.log("浏览器窗口可视高度:", getViewportHeight());

// 获取某个元素的可视高度
function getElementVisibleHeight(element) {
  if (element) {
    return element.clientHeight;
  }
  return null;
}

// 假设有一个id为"myElement"的元素
var element = document.getElementById("myElement");
console.log("元素可视高度:", getElementVisibleHeight(element));

function getElementTotalHeight(element) {
  if (element) {
    var rect = element.getBoundingClientRect();
    return rect.height; // 包括内容、内边距和边框，但不包括外边距
  }
  return null;
}

console.log("元素总高度:", getElementTotalHeight(element));

window.addEventListener('resize', function() {
  console.log("新的浏览器窗口可视高度:", getViewportHeight());
});