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.
<style>
.ui-sticky {
top: 70px !important;
}
@media (max-width: 960px) {
.ui-sticky {
top: 110px !important;
}
}
</style>
<div class="card">
<p:toolbar id="tb">
<f:facet name="left">
<p:commandButton type="button" value="New" icon="pi pi-file" styleClass="mr-2" />
<p:commandButton type="button" value="Open" icon="pi pi-folder-open" styleClass="ui-button-success" />
</f:facet>
<f:facet name="right">
<p:commandButton type="button" title="Save" icon="pi pi-save" styleClass="warn-button mr-2" />
<p:commandButton type="button" title="Delete" icon="pi pi-trash" styleClass="ui-button-danger mr-2" />
<p:commandButton type="button" title="Print" icon="pi pi-print" styleClass="ui-button-help" />
</f:facet>
</p:toolbar>
<div style="height:800px"></div>
<p:sticky target="tb"/>
</div>