MobileAngularUI內部的粘滯頁腳部分

Question

我有一個局部視圖，我想要粘滯頁腳。不幸的是，無論我嘗試什麼，可滾動的div都會隨着頁腳溢出。

<div id="wrap"> 
    <div class="container"> 
     <div class="scrollable"> 
      <div class="scrollable-content"> 
       <div class="list-group"> 
        <a ng-repeat="msg in chatmessages" href="#" class="list-group-item"> 
         <div class="bubble bubble-{{msg.dir}}">{{msg.text}}</div> 
        </a> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 
<div id="footer"> 
    <div class="container"> 
     <form class="row row-chat"> 
      <div class="input-group"> 
       <input type="text" class="form-control" ng-model="messageText" placeholder="Type your message" /> 
       <span class="input-group-btn"> 
        <button type="submit" class="btn btn-primary">Send</button> 
       </span> 
      </div> 
     </form> 
    </div> 
</div> 

自定義CSS：

#wrap { 
    min-height: 100%; 
    height: auto !important; 
    margin: 0 auto -60px; 
} 

#footer { 
    margin-left: -20px; 
    margin-right: -20px; 
    padding-left: 20px; 
    padding-right: 20px; 
} 

Answer 1

修復與specifec高度頁腳使用樣式像

#footer 
{ 

top:1200px; 
left:300px; 
}