粘頁腳涵蓋內容

-4

我有內容隱藏頁腳背後的問題。我看到，如果我從固定繼承改變位置，它會有所幫助，但頁腳將位於頁面的底部。我希望始終看到頁腳，並且只能滾動正文內容。粘頁腳涵蓋內容

我們使用AngularJS和Bootstrap

來源

2017-09-26 Nick van Bruggen

您是Kingsman或NSA的一部分嗎？ –

_「首先，我不能共享任何代碼，因爲這是一個‘祕密’項目」 _ - 所以你的選擇是，要麼你解決它在內部和「祕密」爲好;或者您提供[mcve] - 必要時將內容匿名化。（或者，當然了，你可以去僱人，將簽署一份保密協議...） – CBroe

不要忘了，你使用的是什麼是自由和開放源碼..所以沒有什麼祕訣顯示HTML/CSS代碼 –

你必須讓你的身體x的margin-bottom像素，其中x是頁腳（或多或少）的高度。

來源

2017-09-26 08:49:31

更好地利用'浸軋bottom'，而不是'保證金bottom'，當你正在設置任何背景，內容/體。 –

嘗試設置你粘頁腳的高度爲padding-bottom您最後的內容DIV，這有助於展現您的內容。檢查下面的代碼片段以供參考。

.last-content{ 
 
    margin-top:500px; 
 
    padding-bottom: 50px; 
 
} 
 
.footer{ 
 
    position:fixed; 
 
    bottom:0; 
 
    width:100%; 
 
    height:50px; 
 
    text-align: center; 
 
    background-color:#ccc; 
 
}

<div class="parent"> 
 
    <div class="content">Some content goes here 
 
    <div class="last-content"> 
 
     you last content 
 
    </div> 
 
    </div> 
 
    <div class="footer"> 
 
    sticky footer 
 
    </div> 
 
</div>

來源

2017-09-26 08:52:41

首先，測量你的身高頁腳。然後是頁腳高度padding-bottom添加到您的身體。假設您的頁腳的高度爲100像素，然後添加以下內容：

body{ 
    padding-bottom:100px; 
}

或者你也可以添加空白格到你頁面的底部將含有相同的頁腳高度。

來源

2017-09-26 08:54:38 kravisingh

粘頁腳涵蓋內容

回答

相關問題