布局QPageScroller

QPageScroller组件有助于将DOM元素/它包裹的组件放置在QPage内容区域内的静态位置,无论用户在何处滚动。

这样做的最大好处是,即使未配置为固定,此组件包裹的元素也不会与布局页眉,页脚或抽屉重叠。 在后一种情况下,位置将偏移,因此不会发生重叠。 例如,尝试使用非固定页脚。 当用户触及屏幕底部并进入视图时,组件将向上移动,因此它不会与页脚重叠。

本质上,QPageScroller与QPageSticky非常相似。 QPageSticky组件始终可见,而QPageScroller组件仅在达到scroll-offset(属性)之后出现。 一旦可见,用户可以单击它,通过duration属性快速返回页面顶部。

安装

/*
 * No installation step is necessary.
 * It gets installed by default by @quasar/app v2+.
 */

用法

TIP

由于QPageScroller需要布局,并且默认情况下QLayout管理整个窗口,因此出于演示目的,我们将使用容器化的QLayouts。 但是请记住,您绝不需要为QPageScroller使用容器化的QLayouts。

WARNING

  • 为了使QPageScroller起作用,必须将其放置在QLayout组件内。
  • QPageScroller必须是其父级中的最后一个子元素,以便它可以显示在其他内容的顶部

基础

Basic

展开

Expanded

反转

Reverse

QPageScroller API

Loading API...
Please wait...