问题标签 [outerheight]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
130 浏览

jquery - 带有 .outerHeight 函数的 jquery .each 影响所有 div

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

示例 HTML:

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

更新: 我找到了基于 Forty3 答案的解决方案!这可以写得更干吗?

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

0 投票
4 回答
1942 浏览

javascript - 在 jQuery 中查找高度

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

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

我试图用这个找到高度:

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

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

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

0 投票
1 回答
592 浏览

javascript - Chrome:window.innerHeight 等于 window.outerHeight?为什么?

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

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

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

所以基本上我们有

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

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

0 投票
0 回答
126 浏览

jquery - 用于 chrome 上的手机/平板电脑的 jquery outerheight() 返回 0

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

HTML:

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

0 投票
1 回答
29 浏览

javascript - 当您到达滚动时的原始位置时,将位置从固定到最底部切换到 div 的初始位置

这是我的问题:

在此处输入图像描述

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

本质上,我正在尝试重新创建效果:

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

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

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

这是我的代码:

HTML:

jQuery:

css是必不可少的:

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

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

谢谢

0 投票
2 回答
81 浏览

javascript - 元素上的 jQuery .outerHeight() 在方向更改时返回不正确的大小

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

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

0 投票
1 回答
173 浏览

html - 使用 jQuery 在 IE Edge 中获取元素 outerHeight 的问题

我在预览中有几个元素<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/