QPageScroller 元件有助於將 DOM 元素/元件放置在 QPage 內容區域內的靜態位置,無論使用者滾動到哪裡。
這樣做的一大優勢是,即使佈局頁首、頁尾或抽屜式導航欄 (drawer) 未設定為固定,由此元件包裝的元素也絕不會與它們重疊。在後一種情況下,位置會偏移,以避免發生重疊。例如,您可以試試看使用非固定的頁尾。當使用者到達螢幕底部且頁尾進入視野時,此元件會向上移動,使其不會與頁尾重疊。
基本上,QPageScroller 非常類似於 QPageSticky。QPageSticky 元件始終可見,而 QPageScroller 元件僅在達到 scroll-offset
(屬性) 後才會出現。一旦可見,使用者可以點擊它,透過 duration
屬性快速返回頁面頂端。
用法
提示
由於 QPageScroller 需要佈局,而 QLayout 預設管理整個視窗,因此為了示範目的,我們將使用容器化的 QLayout。但請記住,您絕非必須將容器化的 QLayout 用於 QPageScroller。
警告
- 為了使 QPageScroller 能夠運作,必須將其放置在 QLayout 元件內。
- QPageScroller 必須是其父元素中的最後一個子元素,如此才能顯示在其他內容之上