如何使用javascript计算html元素的真实高度?

如何使用javascript计算html元素的真实高度?,javascript,html,css,Javascript,Html,Css,我有一个html元素,它的height设置为100vh,而overflow的值设置为auto。所以用户可以滚动元素来查看它。我想要的是计算元素的实际高度。我正在使用offsetHeight属性计算高度。但是is只给了我100vh高度。但是我想要的是当元素的height设置为auto时,offsetHeight给出的高度。当元素的height设置为100vh时,如何计算它我是这个行业的新手,但我使用此代码计算div的高度(无论我选择什么div都无所谓) 你在找…@Louyspatricebeset

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

时,如何计算它我是这个行业的新手,但我使用此代码计算div的高度(无论我选择什么div都无所谓)


你在找…@Louyspatricebesette,谢谢,成功了!如果是100vh,那么您可以从
窗口获取值。innerHeight
,顺便说一句,100vh在i(电话| pad)中不正确,因此最好设置一个var并使用css
var(--vh)
,例如:
let height = document.querySelector("div").offsetHeight;

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