jquery - 页脚顶部位置在主页上较小，但在其他页面上正常大小

Question

我正在使用 Bootstrap 构建网页。出于某种原因，在我的主页上，$('.footer').position().top 的值小于其他页面。

对于 #home 它返回 44 但 $(document).height() = 3066
在 #learningCenter 它返回 866 和 $(document).height() = 1011。

出于隐私原因，我无法提供所有内容，但有人知道发生了什么吗？

我的一些代码示例。

<div class="collapse navbar-collapse" id="myNavbar" role="navigation">
    <ul class="nav navbar-nav">
        <li class="active"><a data-toggle="pill" href="#home">Home</a></li>
        <li><a data-toggle="pill" href="#learningCenter">Learning Center</a></li>
    </ul>
</div>

<div id="wrapper">
    <div class="tab-content">
        <div id="home" class="tab-pane fade in active container-fluid"></div> 
        <div id="learningCenter" class="tab-pane fade in"></div> 
    </div>
</div>

<div class="footer navbar-static-bottom">
    <div class="row">
        <div class="pull-left">
            <img id="footer-logo" src="media/logo.PNG"/>
            <p><span id="semiBold">Page &copy;</p>
        </div>
        <div class="pull-right">
            <p>Terms of Use &nbsp;&nbsp;&nbsp; Privacy &nbsp;&nbsp;&nbsp; Report Bug&nbsp;&nbsp;</p>
        </div>
    </div>
</div>

Answer 1

原来我的 #homediv/tab-pane 有 position: absolute，更改为 position: relative 修复了它!