如何修復Facelets模板的標題？

Question

我正在使用primefaces 3.5。我希望我的Facelets標題像Facebook標題一樣是靜態的。因此我的內容可以用固定標題滾動。

Answer 1

我在過去有同樣的問題。將您的位置分配到固定的position:fixed，並確保您的頭的z-index值低於css.so中的內容的z-index值，以使您的內容不會在頭上滾動。

實施例：

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

Answer 2

這裏沒有特定的Primefaces或JSF。它應該只是一個應用正確的CSS風格的問題。

例如：

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

參見：

• MDN CSS position reference