QPageSticky 元件能幫助您將包裹在其中的 DOM 元素 / 組件放置在 QPage 內容區域內的靜態位置，無論使用者如何滾動頁面。
這樣做的一大優點是，即使版面配置的頁首、頁尾或抽屜式導航列（drawer）未設定為固定，此元件所包裹的元素也永遠不會與它們重疊。在後一種情況下，位置會被偏移，以避免重疊發生。例如，您可以嘗試使用非固定的頁尾。當使用者滾動到螢幕底部且頁尾進入視窗時，此元件會向上移動，使其不會與頁尾重疊。
用法
提示
由於 QPageSticky 需要版面配置，而 QLayout 預設管理整個視窗，因此為了示範目的，我們將使用容器化的 QLayout。但請記住，您絕不需要為了 QPageSticky 而使用容器化的 QLayout。
警告
- 為了使 QPageSticky 正常運作，它必須放置在 QLayout 元件內。
- QPageSticky 必須是其父元素中的最後一個子元素，這樣它才能顯示在其他內容之上
基本
在下面的範例中，點擊選單按鈕以顯示/隱藏抽屜式導航列（Drawers），滾動內頁，並調整瀏覽器視窗大小，使封閉的 QLayout 達到抽屜式導航列的 700px 和 500px 斷點。
展開
在下面的範例中，點擊選單按鈕以顯示/隱藏抽屜式導航列（Drawers），滾動內頁，並調整瀏覽器視窗大小，使封閉的 QLayout 達到抽屜式導航列的 700px 和 500px 斷點。
透過使用展開的 QPageSticky，您可以擁有頁面專用的 QToolbar，如下所示。