如何使一個「頁腳」粘貼到facebox（jQuery插件）對話框的底部

Question

我正在使用名爲Facebox的jQuery插件來創建包含內容的對話框，當然還有阻止和淡出頁面的其餘部分。對具有facebox對話框固定大小

<a href="remote.html" rel="facebox">Open Facebox Dialog</a> 

我計劃和facebox最終將有一個需要滾動訪問內容：

這個插件可以將外部HTML頁面，這樣的佈局。

然而，我也想了一些內容總是被固定在底部，像一個「固定頁腳」。

我試圖申請Joseph Silber's solution（如果我想這樣做對整個頁面，其將工作：fiddle），但它把固定頁腳的對話外，在頁面的底部：

我也試過將RegDwight's solution，這說明是這樣的：http://jsfiddle.net/c82ha/2/

這使得正確固定在底部，但隨着小提琴表演，您向下滾動到它之前，它不會顯示。

我希望它固定在底部，不管頁面的其他部分滾動或大小如何。

我該怎麼做？

---

相關：

• Make div stay at bottom of page's content all the time even when there are scrollbars
• CSS Push Div to bottom of page

Answer 1

你有沒有試過絕對位置的對話裏面的頁腳？

HTML

<div class="dialogue"> 
    <div class="content"> 
     <p>Text</p> 
     <p>Text</p> 
     <p>Text</p> 
     <p>Text</p> 
     <p>Text</p> 
     <p>Text</p> 
     <p>Text</p> 
     <p>Text</p> 
     <p>Text</p> 
     <p>Text</p> 
    </div> 
    <div class="footer"> 
     Footer 
    </div> 
</div> 

CSS

.dialogue{ 
    width: 200px; 
    height: 500px; 
    position: relative; 
    background: red; 
} 
.dialogue .footer{ 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    background: #000; 
    color: #fff; 
} 
​ 

jsFiddle