Sticky component is used to make another component stick to the top of the page once a user has scrolled past it. Hence, the
sticky component requires a target component to keep it in the viewport on scroll.
In this recipe, we will demonstrate the usage of the
We would like to stick a select menu with a label as shown in this screenshot:
The select menu and the label are placed within
h:panelGrid, which acts as the target component:
<h:panelGrid id="langGrid" columns="2" style="box-shadow: none;"> <p:outputLabel for="lang" value="Language: "/> <p:selectOneMenu id="lang"> <f:selectItem ...