【问题标题】:Body height changes as I scroll down当我向下滚动时,身高会发生变化
【发布时间】:2012-05-22 15:55:51
【问题描述】:

我正在寻找页脚的顶部位置。我试过了:

$('#footer').offset().top

$(document.body).height() - $('#footer').height()

这两个都给了我相同的答案,但答案是错误的。我注意到,当我滚动经过文档中的某个点时,正文高度(在 Firebug 布局中查看)从 5699 变为 11506。

我试过设置:

body { min-height: 100% }
head { height : 100% }

没有成功。

我的问题是为什么正文高度会发生变化,如何确定正文或文档的实际高度(或页脚的顶部位置)?

*更新:奇怪的是,这似乎现在可以在我的 Windows >> Firefox 和 Chrome 浏览器上运行,但在我的 OSX >> Firefox 和 Chrome 浏览器上几乎翻了一番。有什么想法吗?

【问题讨论】:

    标签: javascript jquery html css


    【解决方案1】:

    继续故障排除:

    console.log( $(document.body).height() );
    console.log( $(document).height() );
    console.log( $('body').height() );
    

    看看这些中是否有任何一个给出了所需的值。

    我自己也试过了,结果不一样。

    $(document.body).height() > $(document).height()
    

    所以尝试不使用.body,看看你会得到什么。

    【讨论】:

    • 在 Firefox 中使用 $('body') 获得的最佳结果。很快会在其他浏览器上进行测试。谢谢
    • 奇怪的是,这似乎现在可以在我的 Windows >> Firefox 和 Chrome 浏览器上运行,但在我的 OSX >> Firefox 和 Chrome 浏览器上几乎翻了一番。有什么想法吗?
    • 继续在 OSX 中探索,然后做一个solution by OS
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-09-26
    • 1970-01-01
    • 2012-04-18
    相关资源
    最近更新 更多