2015-10-21 32 views
0

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

回答

0

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