Jolla and SailfishOS
Sticky Page Headers
The highlighted code snipped shows how to produce a page header that does NOT scroll with the page.
For this I use two containers:
That contains the non-scrolling part. It contains a
Labelchild formatted the way a
PageHeaderelement would be by the theme.
That contains the scrollable page content.
I designed the not yet scrolled SilicaFlickable to stay initially clear of the page header by setting
anchors.top: pageHeader.bottomby a margin of
Once you start to scroll through the list vertically, the page header will stay in place an the page content will scroll through under it.