如何在不使用javascript的情況下將頁腳始終保存在Sharepoint 2013頁面的底部？

我正在爲我的公司客戶做SharePoint UI品牌。大多數客戶希望將頁腳始終放在頁面底部（不粘）。當內容多時，它會自動進入底部，但如果內容較少，我想將頁腳保留在屏幕的底部。在正常的HTML頁面中，我可以使用CSS來實現這一點。但在SharePoint到日期我正在使用JavaScript來解決這個問題。如何在不使用javascript的情況下將頁腳始終保存在Sharepoint 2013頁面的底部？

有什麼辦法可以解決這個問題，只使用SharePoint 2013中的CSS？

來源

2014-05-06 Suresh Ponnukalai

置頂頁腳意味着頁腳「大棒」頁面的底部。我認爲你的意思是「不漂浮」。 – gm2

-1

如果您有權訪問解決方案的母版頁，則可以使用CSS將頁腳粘貼到屏幕的底部。

1）找到DIV ID = 「S4-bodyContainer」

2）添加一個div名爲id = 「頁腳」您的頁腳內容在這裏/ DIV>

3）添加一些CSS使神奇的發生：

#footer { 

position: absolute; 

bottom: 0; 

width: 100%; 

background-color: #1C537C; 

color: white; 

padding-top: 5px; 

text-align: center; 

min-height: 75px; 

}

看看這個網站如果你想要一個演示，並看看源代碼，如果你想。

https://amendeonline-public.sharepoint.com/Sider/default-en.aspx

來源

2014-05-06 10:27:54 user3607478

給定的鏈接不起作用。 –

解決方案，這是基本相同，增加粘性的頁腳的HTML頁面（如描述here），不同的是它更難以找到在seattle.master爲div S上的正確位置文件在SharePoint 2013中。

通過使用div標籤向頁面添加3個部分（包裝，推送和頁腳）創建粘性頁腳。推進入之後立即S4-工作區div（主內容區域），並且包裝圍繞兩個主內容區域和推。頁腳緊隨着閉包標籤 div。

需要下面的CSS來格式化新的div s。

.wrapper { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -4em; 
} 
.footer, .push { 
    height: 4em; 
    clear: both; 
}

幾個點要注意的是頁腳和推必須是相同的高度，clear property with value of both確保頁腳橫跨整個頁面在一個多列布局延伸。

This是一個偉大的寫了專門有關SharePoint添加粘頁腳2013年

來源

2014-08-21 19:51:34 gm2

如何在不使用javascript的情況下將頁腳始終保存在Sharepoint 2013頁面的底部？

回答

相關問題