javascript - Chrome 和 Firefox 之间计算的高度不同?

标签 javascript css

所以看看www.qualificationcheck.com在 Chrome 和 Firefox 下。 Alt-tab 在它们之间快速来回切换,专注于绿色的“帮助和反馈”侧边标签。

看来位置要动了!这是为什么?

它包含在第 3 方 Javascript 文件中。我研究了它以弄清楚它是如何计算其位置的。

首先,它设置 top: 50% 使其位于视口(viewport)下方大约 50% 的位置。

然后设置

上边距:[ "-",Math.round(tab.dimensions.height/2), "px"].join("")

即减去选项卡高度的一半,使其稍微向上移动,因此它的“中间”实际上是视口(viewport)下方的 50%(而不是“顶部”)。

使用 Chrome 开发工具,然后在 Firefox 中使用 firebug,我可以看到在 Chrome 中 margin-top 最终为 -33px,而在 Firefox 中它最终为 -87px。

为什么不同?

这很烦人,因为我想在它上面或下面添加我自己的标签,但如果我不能依赖第 3 方标签一直处于相同位置,我无法确定将我自己的标签放在哪里!

最佳答案

抱歉,其他答案都没有帮助。

我通过基本上复制第 3 方 js 然后调整它来解决这个问题,这样我就可以将它和我的新标签页放在一起。

所以基本上只是解决问题而不是解决问题。

关于javascript - Chrome 和 Firefox 之间计算的高度不同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11359363/

相关文章:

javascript - 悬停第二个或第三个元素时更改 CSS 第一个子元素

javascript - 为什么 foo2() 在这里返回 undefined ?

带有 CSS 转换的 JavaScript Accordion

javascript - 从另一个 JS 函数启动 jQuery .datepicker

css - Bootstrap : Why don't badges in tab navigations repond to the active state by default?

html - 语义用户界面 : Get clearing segment to expand to the height of it's contents

javascript - 为什么移动 24 位会产生负值?

javascript - 是否可以使用 HTML、CSS 和 Javascript 来创建可以访问 Iphone 蓝牙配对的 Iphone 应用程序?

css - 我在 F12 开发者控制台中看到的这个 "normalize.less"是什么?

具有后退按钮兼容性的 jQuery 侧面板