问题标签 [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.
jquery - 带有 .outerHeight 函数的 jquery .each 影响所有 div
我有多个 div 使用相同的 html,高度可变。我正在尝试计算 div 的高度.content
,然后使用该值来设置.sections
div 的高度。目前,此函数仅影响其类型的最后一个 div。如何使此功能可重用,以便它适用于页面上的每个 div?
示例 HTML:
因此,前两个.sections
将获得 100 像素的高度,后两个.sections
将获得 200 像素的高度。
更新: 我找到了基于 Forty3 答案的解决方案!这可以写得更干吗?
Forty3 的解决方案对我有用,但做了一些小的调整:
javascript - 在 jQuery 中查找高度
我只是想学习 jQuery 和 Javascript。我开始了解概念,我觉得现实世界的问题是最好的学习方式。
我下载了 One Page Wonder Bootstrap 模板,我只是想找到导航的 outerHeight 并在警报中调用像素高度。
我试图用这个找到高度:
然后我尝试了几种方法来提醒这个高度:
我知道这可能很容易,但这不起作用。我需要使它成为一个功能吗?
这是 HTML,尽管我不确定是否需要它。它使用标准导航。
javascript - Chrome:window.innerHeight 等于 window.outerHeight?为什么?
我有 JS,它使用window.open
. 窗口的大小在传递给 open 函数的 windowFeatures 字符串中设置。这是字符串在运行时的样子。
可以看到这里的高度设置为 350。
在 window.open 调用之后,返回的句柄用于将窗口大小重新调整为 350 的高度。
所以基本上我们有
现在,在打开的窗口中,我们有调整窗口大小的 javascript。窗口从元数据表中获取大小并自行调整大小。调整大小计算使用window.outerHeight
和window.innerHeight
。但看起来它们都返回相同的值 350。为什么会这样?由于地址栏和窗口标题可见,outerHeight 不应该大于 innerHeight 吗?
另外我注意到,如果删除resizeTo
父窗口中的调用,子窗口中的 outerHeight 和 innerHeight 值是正确的。resizeTo 调用如何改变行为?有什么线索吗?
jquery - 用于 chrome 上的手机/平板电脑的 jquery outerheight() 返回 0
我正在尝试获取表格数据元素的外部高度,并且我在桌面上获得了正确的值,但 chrome 开发人员工具上的移动设备和平板电脑返回 0。JS:
HTML:
有针对移动浏览器的解决方案吗?
javascript - 当您到达滚动时的原始位置时,将位置从固定到最底部切换到 div 的初始位置
这是我的问题:
在一个安静的复杂网站中,这是一个简单的 div。该栏位于最底部,就在表格之前。
本质上,我正在尝试重新创建效果:
当用户登陆页面时,只要他滚动到底部,侧边栏就会出现在最底部:
简单的东西加上这将在文档完全加载时被触发。
我试图让它发生的是,当用户滚动到 div 的原始位置(最初栏就在表单之前)时,非常 div 会将位置切换到初始位置,并且它将被卡在这样用户就会有这样的印象,即 div 从未改变过位置。
这是我的代码:
HTML:
jQuery:
css是必不可少的:
代码实际上可以工作,但从这个意义上说很难调试。在浏览器接触到我的元素的最底部之前,效果会被触发一些像素,我花了一些时间才弄清楚为什么。不幸的是,我不能使用固定值,因为窗口的变化取决于窗口的大小(网站是响应式的)。
我想知道过去是否有人遇到过我同样的问题。
谢谢
javascript - 元素上的 jQuery .outerHeight() 在方向更改时返回不正确的大小
我正在尝试在我的网站上获取顶部导航栏的 outerHeight 以进行一些计算,并且在加载/重新加载网页时它可以完美运行。但是,当我将 Chrome 开发人员工具中的屏幕方向更改为横向时,它会返回错误的高度。我的代码在获取 outerHeight 之前侦听调整大小更改事件,所以我不确定为什么它在网页的方向更改时返回错误的高度,但在加载/重新加载网页时返回正确的高度。我认为这可能与resize
听众在方向改变后没有等待页面完全加载有关,但我不确定。
对于代码片段,我尝试向其中添加 Bootstrap 4.5,但它一直返回错误。如果有人想在谁知道如何做到这一点中添加它,那将不胜感激,以便在运行代码片段时该页面更加准确。
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 进行比较