css - 如何修复 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 位置参考

Answer 2

我过去有同样的问题。将您的位置分配给 fixedposition:fixed并确保您的标题的 z-index 值低于 css 中内容的 z-index 值，这样您的内容就不会滚动到标题上。

例子：

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