jquery - 页脚顶部位置在首页上较小，但在其他位置上为正常尺寸

我正在使用引导程序来构建网页。
由于某些原因，在我的主页上$('.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>

最佳答案

原来我的#home div / tab窗格具有position: absolute，更改为position: relative可以解决它！