為何捐款
API 瀏覽器
Layout QPageScroller

QPageScroller 元件有助於將 DOM 元素/元件放置在 QPage 內容區域內的靜態位置,無論使用者滾動到哪裡。

這樣做的一大優勢是,即使佈局頁首、頁尾或抽屜式導航欄 (drawer) 未設定為固定,由此元件包裝的元素也絕不會與它們重疊。在後一種情況下,位置會偏移,以避免發生重疊。例如,您可以試試看使用非固定的頁尾。當使用者到達螢幕底部且頁尾進入視野時,此元件會向上移動,使其不會與頁尾重疊。

基本上,QPageScroller 非常類似於 QPageSticky。QPageSticky 元件始終可見,而 QPageScroller 元件僅在達到 scroll-offset (屬性) 後才會出現。一旦可見,使用者可以點擊它,透過 duration 屬性快速返回頁面頂端。

載入 QPageScroller API 中...

用法

提示

由於 QPageScroller 需要佈局,而 QLayout 預設管理整個視窗,因此為了示範目的,我們將使用容器化的 QLayout。但請記住,您絕非必須將容器化的 QLayout 用於 QPageScroller。

警告

  • 為了使 QPageScroller 能夠運作,必須將其放置在 QLayout 元件內。
  • QPageScroller 必須是其父元素中的最後一個子元素,如此才能顯示在其他內容之上

基本

基本



展開

展開



反向

反向