QPageScroller 组件有助于将包裹在其中的 DOM 元素/组件放置在 QPage 内容区域内的静态位置,无论用户滚动到哪里。
这样做的最大优势在于,即使未将这些组件配置为固定,由该组件包裹的元素也不会与布局头部、底部或抽屉重叠。在后一种情况下,位置将被偏移,以避免重叠。例如,尝试使用非固定的底部栏。当用户到达屏幕底部且底部栏进入视野时,组件将向上移动,以便不会与底部栏重叠。
从本质上讲,QPageScroller 与 QPageSticky 非常相似。而 QPageSticky 组件始终可见,QPageScroller 组件仅在达到 scroll-offset
(属性)后才会出现。一旦可见,用户可以点击它通过 duration
属性快速返回页面顶部。
用法
提示
由于 QPageScroller 需要布局,并且 QLayout 默认管理整个窗口,因此出于演示目的,我们将使用容器化 QLayout。但请记住,您绝不需要为 QPageScroller 使用容器化 QLayout。
警告
- 为了使 QPageScroller 正常工作,它必须放置在 QLayout 组件内。
- QPageScroller 必须是其父元素的最后一个子元素,以便它可以显示在其他内容之上