为什么要捐赠
API 浏览器
布局 QPageSticky

QPageSticky 组件有助于将包裹在其内的 DOM 元素/组件放置在 QPage 内容区域内的静态位置,无论用户滚动到哪里。

这样做的巨大优势在于,即使未配置布局标题、页脚或抽屉为固定,包裹在此组件内的元素也不会与布局标题、页脚或抽屉重叠。在后一种情况下,位置将被偏移以避免重叠。例如,尝试使用非固定页脚。当用户到达屏幕底部并且页脚进入视图时,组件将向上移动,以防止与页脚重叠。

正在加载 QPageSticky API...

用法

提示

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

警告

  • 为了使 QPageSticky 正常工作,它必须放置在 QLayout 组件内。
  • QPageSticky 必须是其父元素的最后一个子元素,这样它才能显示在其他内容之上。

基本

在下面的示例中,单击菜单按钮以显示/隐藏抽屉,滚动内部页面,并调整浏览器窗口的大小,以使包含的 QLayout 达到抽屉的 700px 和 500px 断点。

基本



扩展

在下面的示例中,单击菜单按钮以显示/隐藏抽屉,滚动内部页面,并调整浏览器窗口的大小,以使包含的 QLayout 达到抽屉的 700px 和 500px 断点。

通过使用扩展的 QPageSticky,您可以,例如,像下面这样拥有一个特定于页面的 QToolbar。

扩展