主頁上的頁腳頂部位置較小，但其他頁面上的頁腳正常大小

我使用引導程序構建網頁。由於某種原因，在我的主頁上，$('.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>

來源

2015-10-21 Gcap

原來我#home DIV /製表窗格中有position: absolute，更改爲position: relative定了！

來源

2015-10-21 16:56:01 Gcap

主頁上的頁腳頂部位置較小，但其他頁面上的頁腳正常大小

回答

相關問題