Sticky component positions the target component as fixed so that the component stays in window viewport during scrolling. Scroll down to see the sticky toolbar.
Documentation<style type="text/css"> .ui-sticky { top: 70px !important; } @media (max-width: 960px) { .ui-sticky { top: 110px !important; } } </style> <p:toolbar id="tb"> <f:facet name="left"> <p:commandButton type="button" value="New" icon="pi pi-file" /> <p:commandButton type="button" value="Open" icon="pi pi-folder-open"/> </f:facet> <f:facet name="right"> <p:commandButton type="button" title="Save" icon="pi pi-save"/> <p:commandButton type="button" title="Delete" icon="pi pi-trash"/> <p:commandButton type="button" title="Print" icon="pi pi-print"/> </f:facet> </p:toolbar> <div style="height:800px"></div> <p:sticky target="tb" />