如何修复小平面模板的标题

Question

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

Answer 1

这里没有特定于Primefaces或JSF的内容。这应该只是应用正确的 css 样式的问题。

例如：

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

另请参阅：

• MDN CSS 位置参考

Answer 2

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

例：

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