如何修复Facelets模板的标题？

Question

我正在使用primefaces 3.5。我希望我的Facelets Header像Facebook Header一样是静态的。所以我的内容可以用固定的标题滚动。

Answer 1

这里没有特定的Primefaces或JSF。它应该只是应用正确的CSS风格的问题。

例如：

<style>.header{position: fixed; top: 0;}</style>
<div class="header"></div>

另见：

• MDN CSS position reference

Answer 2

过去我有同样的问题。将您的位置分配给固定的position:fixed，并确保标头的z-index值低于css.so中内容的z-index值，以确保您的内容不会滚动标题。

示例：

.header{ position:fixed; z-index:1;}
.content{ position:absolute; z-index:2;}