jquery - 如何用jQuery计算所有浏览器中相同的高度

Question

我遇到了一个不知道如何解决的问题。

基本上，我正在集成 ScrollToFixed jQuery 插件，并且为了计算限制，我使用

jQuery( document ).height() - jQuery( \'body\').offset().top

或

jQuery( 'body' ).height()

问题是它在所有浏览器中的工作方式并不相同。我已经在 Chrome 中开发了我的实现，但是当我在其他浏览器中测试它时，它是一团糟。我将值输出到控制台，我得到了 600px 的高度差异。

现在，由于我的脚本将被我的客户在多个网站上使用，我必须找到一个通用的解决方案，如果只适合我的话会容易得多。

你能帮我吗，这可能吗？

谢谢。

Answer 1

首先请确保您 normalize your css ，因此在所有浏览器中都是相同的。

然后使用$(window).height()获取浏览器窗口的高度。

<小时/>

更新:我必须去寻找 scrollToFixed 插件，因为那里有多个类似的命名插件。我found it here .

如果你查看文档和限制选项的定义

the vertical scroll position at which the element will begin to scroll up the page (absolutely).

因此，您需要做的就是将元素定位到该位置，就像作者在 "Very Full Example" demo 中所做的那样:

limit: $('.footer').offset().top - $('#summary').outerHeight(true) - 10;

.footer 显然是底部的页脚。它获取顶部偏移量，然后减去滚动窗口的高度，再加上一个微小的边距(加宽结果框以查看摘要滚动窗口)。