Javascript clientHeight 和替代品

Question

我目前正在尝试修改“滑入”

的 Javascript 函数。脚本本身要求您定义 div 的高度，因此它在动态填充的

中几乎没有用。我在 javascript 的 clientHeight 属性上找到了一些文本，但它似乎不支持显示设置为无的

(这是用于将 div 滑入的方法)。这是有道理的，因为客户端窗口中的那个 div 的高度没有意义。

基本上我想知道你们还知道哪些其他方法，或者是否有办法绕过 clientHeight = 0 when display: none。

谢谢!

哦，这是我正在使用的函数:

function getDivHeight(objName) {
    return boxHeight = document.getElementById(objName).clientHeight;
}

最佳答案

一个简单的解决方案是将其可见性设置为“隐藏”，并将其显示设置为“阻止”并对其进行测量。然而，一些现代浏览器会在这段短时间内设法更新页面布局，你会得到一个令人讨厌的闪烁。克服这个问题的最简单方法是将元素放在一个绝对定位的容器中，并将溢出设置为“隐藏”。

关于Javascript clientHeight 和替代品，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/632709/

上一篇：html - 用嵌入的视频替换图像

下一篇：html - 使用 DIV 的等效表布局

相关文章：

javascript - 如何在 HTML 图像中查找圆圈并注册悬停事件？

javascript - 使用 JavaScript 显示一个 div

javascript - 从具有父子引用的数组创建树结构

html - <ul> 使用 :nth-child to set different color 的问题

html - 这两个代码有什么区别？一个有效，一个无效？

javascript - CSS Zoom 不影响 Javascript 添加的 SVG 元素

JavaScript - Express - MongoDb - Mongoose findOneAndUpdate 返回未定义

css - 如何在选择输入栏中放置图像标签

javascript - 具有相似结构的div仅在单击一个时都会起作用

html - 无法让 Google 字体显示在 Gmail 中的 HTML 电子邮件中

Answer 1

一个简单的解决方案是将其可见性设置为“隐藏”，并将其显示设置为“阻止”并对其进行测量。然而，一些现代浏览器会在这段短时间内设法更新页面布局，你会得到一个令人讨厌的闪烁。克服这个问题的最简单方法是将元素放在一个绝对定位的容器中，并将溢出设置为“隐藏”。