问题标签 [outerheight]

我有多个 div 使用相同的 html，高度可变。我正在尝试计算 div 的高度.content，然后使用该值来设置.sectionsdiv 的高度。目前，此函数仅影响其类型的最后一个 div。如何使此功能可重用，以便它适用于页面上的每个 div？

示例 HTML：

因此，前两个.sections将获得 100 像素的高度，后两个.sections将获得 200 像素的高度。

更新： 我找到了基于 Forty3 答案的解决方案！这可以写得更干吗？

Forty3 的解决方案对我有用，但做了一些小的调整：

我只是想学习 jQuery 和 Javascript。我开始了解概念，我觉得现实世界的问题是最好的学习方式。

我下载了 One Page Wonder Bootstrap 模板，我只是想找到导航的 outerHeight 并在警报中调用像素高度。

我试图用这个找到高度：

然后我尝试了几种方法来提醒这个高度：

我知道这可能很容易，但这不起作用。我需要使它成为一个功能吗？

这是 HTML，尽管我不确定是否需要它。它使用标准导航。

我有 JS，它使用window.open. 窗口的大小在传递给 open 函数的 windowFeatures 字符串中设置。这是字符串在运行时的样子。

可以看到这里的高度设置为 350。

在 window.open 调用之后，返回的句柄用于将窗口大小重新调整为 350 的高度。

所以基本上我们有

现在，在打开的窗口中，我们有调整窗口大小的 javascript。窗口从元数据表中获取大小并自行调整大小。调整大小计算使用window.outerHeight和window.innerHeight。但看起来它们都返回相同的值 350。为什么会这样？由于地址栏和窗口标题可见，outerHeight 不应该大于 innerHeight 吗？

另外我注意到，如果删除resizeTo父窗口中的调用，子窗口中的 outerHeight 和 innerHeight 值是正确的。resizeTo 调用如何改变行为？有什么线索吗？

我正在尝试获取表格数据元素的外部高度，并且我在桌面上获得了正确的值，但 chrome 开发人员工具上的移动设备和平板电脑返回 0。JS：

HTML：

有针对移动浏览器的解决方案吗？

这是我的问题：

在一个安静的复杂网站中，这是一个简单的 div。该栏位于最底部，就在表格之前。

本质上，我正在尝试重新创建效果：

当用户登陆页面时，只要他滚动到底部，侧边栏就会出现在最底部：

简单的东西加上这将在文档完全加载时被触发。

我试图让它发生的是，当用户滚动到 div 的原始位置（最初栏就在表单之前）时，非常 div 会将位置切换到初始位置，并且它将被卡在这样用户就会有这样的印象，即 div 从未改变过位置。

这是我的代码：

HTML：

jQuery：

css是必不可少的：

代码实际上可以工作，但从这个意义上说很难调试。在浏览器接触到我的元素的最底部之前，效果会被触发一些像素，我花了一些时间才弄清楚为什么。不幸的是，我不能使用固定值，因为窗口的变化取决于窗口的大小（网站是响应式的）。

我想知道过去是否有人遇到过我同样的问题。

谢谢

我正在尝试在我的网站上获取顶部导航栏的 outerHeight 以进行一些计算，并且在加载/重新加载网页时它可以完美运行。但是，当我将 Chrome 开发人员工具中的屏幕方向更改为横向时，它会返回错误的高度。我的代码在获取 outerHeight 之前侦听调整大小更改事件，所以我不确定为什么它在网页的方向更改时返回错误的高度，但在加载/重新加载网页时返回正确的高度。我认为这可能与resize听众在方向改变后没有等待页面完全加载有关，但我不确定。

对于代码片段，我尝试向其中添加 Bootstrap 4.5，但它一直返回错误。如果有人想在谁知道如何做到这一点中添加它，那将不胜感激，以便在运行代码片段时该页面更加准确。

我在预览中有几个元素<div>。我需要把它们加起来outerHeights（不是预览的总高度<div>）。如果元素的高度达到例如 300 像素，我需要触发一些操作。

Firefox 和 Chrome 在这方面做得很好。IE Edge 似乎为每个元素添加了额外的行高。我发现这是因为<br />每个元素末尾的标签。似乎它们在 Edge 中作为附加的文本行处理。

比较 Photoshop 中的框高度，我可以看到 Firefox 和 Chrome 是正确的。边缘的总高度比可见的要多得多。

我无法在我的预览中操作变量文本<div>。有谁知道如何使用 jquery 或 javascript 修复它？

我的html：

我的 jQuery：

请在 Chrome/firefox 中查看我的小提琴并与 IE Edge 进行比较

https://jsfiddle.net/e3adkvmq/3/