如何使用javascript计算html元素的真实高度？ [复制]答案

【问题标题】：How to calculate true height of html element using javascript? [duplicate]如何使用javascript计算html元素的真实高度？ [复制]
【发布时间】：2021-06-05 17:14:52
【问题描述】：

我有一个 html 元素，其 height 设置为 100vh，overflow 的值设置为 auto。所以用户可以滚动元素来查看它。我想要的是计算元素的实际高度。我正在使用offsetHeight 属性来计算高度。但是只给我100vh 高度。但是我想要的是当元素的height 设置为auto 时offsetHeight 给出的高度。当元素的height设置为100vh时如何计算。

【问题讨论】：

你找element.scrollHeight...
@LouysPatriceBessette 谢谢它的工作！
如果它是 100vh，那么你可以从window.innerHeight 获取值，顺便说一下 100vh 在 i(phone|pad) 中是不正确的，所以最好设置一个 var 并使用 css @987654335 @ 而不是，例如：repl.it/@lcherone/iPad-100vh-fix#index.html

标签： javascript html css

【解决方案1】：

我是这个行业的新手，但我使用这段代码计算 div 的高度（无论我选择什么 div 都没有关系）。

let height = document.querySelector("div").offsetHeight;

  if (
    document.body.scrollTop > height  ||
    document.documentElement.scrollTop > height
  ) {
    //code
  } else {
   //code
  }

【讨论】：