如何使用javascript计算html元素的真实高度?
我有一个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
height
设置为100vh
,而overflow
的值设置为auto
。所以用户可以滚动元素来查看它。我想要的是计算元素的实际高度。我正在使用offsetHeight
属性计算高度。但是is只给了我100vh
高度。但是我想要的是当元素的height
设置为auto
时,offsetHeight
给出的高度。当元素的height
设置为100vh
时,如何计算它我是这个行业的新手,但我使用此代码计算div的高度(无论我选择什么div都无所谓)
你在找…@Louyspatricebesette,谢谢,成功了!如果是100vh,那么您可以从
窗口获取值。innerHeight
,顺便说一句,100vh在i(电话| pad)中不正确,因此最好设置一个var并使用cssvar(--vh)
,例如:
let height = document.querySelector("div").offsetHeight;
if (
document.body.scrollTop > height ||
document.documentElement.scrollTop > height
) {
//code
} else {
//code
}