如何在页面上让某个区块始终可见
本文将教你如何使用粘性选项,让页面中的某个区域保持固定位置。
此功能确保用户在滚动浏览内容时,所选区域始终保持可见状态,通过让关键内容在滚动过程中持续可访问,从而提升用户体验。
为什么使用固定区块?
将部分内容置顶在以下场景中尤为实用:
• 确保导航菜单始终可见
• 突出显示公告、行动号召或联系方式
• 减少用户滚动返回顶部的操作,提升整体体验
如何创建一个固定区块
- 打开页面编辑器,点击您希望保持可见的区域以打开其设置。
- 在左侧设置面板中,向下滚动至固定选项。
- 勾选标有是否希望此内容始终可见?(固定)的复选框,即可启用固定设置。
- 启用后,将出现两个额外设置:内容位置与缩进。
- 内容位置: 选择该区域应固定在屏幕顶部还是底部
- 缩进: 使用滑块或数字字段在粘性区块与屏幕边缘之间添加间距
下面的示例展示了粘性功能的实际效果,其中WhatsApp按钮固定在页面底部:
📌 重要: 此功能在漏斗页面和博客页面均可使用。