Question

我正在为公司客户做SharePoint UI品牌推广。大多数客户希望将页脚始终放在页面底部（不粘）。当内容更多时，它会自动进入底部，但如果内容较少，我想将页脚保持在屏幕底部。在普通的HTML页面中，我可以使用CSS实现这一点。但在SharePoint到目前为止，我使用javascript来解决这个问题。

我是否可以使用SharePoint 2013中的CSS解决此问题？

Answer 1

此解决方案基本上与向HTML页面添加粘性页脚（如here所述）相同，除了在西雅图中找到div s的正确位置更加困难SharePoint 2013中的.master文件。

通过使用div标记向页面添加3个部分（包装，推送和页脚）来创建粘性页脚。 push 在 s4-workspace div（主要内容区域）之后立即进行，包装围绕主要内容区域和推。 footer 紧跟在 wrapper div的结束标记之后。

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

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

需要注意的几点是页脚和 push 必须是相同的高度，并且clear property with value of both确保页脚在多个页面中延伸到整个页面列布局。

This是一篇关于在SharePoint 2013中添加粘性页脚的精彩文章。

Answer 2

如果您可以访问解决方案的母版页，则可以使用CSS将页脚粘贴到屏幕底部。

1）找到div id =“s4-bodyContainer”

2）在这里添加一个名为id =“footer”的div你的页脚内容/ div＆gt;

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

如何在不使用javascript的情况下在sharepoint 2013中保持页脚始终位于页面底部？

2 个答案: