固定页面 (Pinning) | 🛠️ - Cargo 教程 2026

页面可以被“固定”，使其在网站所有页面，或一个“集 (Set)”内的所有页面上可见。此功能常用于创建导航菜单、页眉、页脚、固定标志以及多种网站布局。

要固定页面，请在“页面 (Pages)”菜单中右键点击页面，然后选择“固定 (Pin)”。

示例：固定页眉

（视频演示：固定页眉）

示例：固定左侧导航

（视频演示：固定左侧导航）

固定设置 (Pin Settings)

您可以在固定设置中调整页面的行为：

调整其他内容 (Adjust other contents)

固定页面会将其他页面“推开”，以便腾出空间，确保不与其内容重叠。

固定位置 (Fixed in place)

网站滚动时，固定页面会停留在浏览器窗口中的原有位置。

叠加其他内容 (Overlay other contents)

固定页面默认不会将其他内容推开，而是直接叠加在其上方。如果同时启用“调整其他内容”，固定页面会将其周边页面推开以留出空间，并仍然叠加在其上方，使固定内容显示在其他页面的背景颜色或背景 (Backdrops) 之上。

固定在顶部 (Pin at the top)固定页面垂直显示在其他页面上方，或当同时设置为“固定位置”时，显示在浏览器窗口顶部。

固定在底部 (Pin at the bottom)

固定页面垂直显示在其他页面下方，或当同时设置为“固定位置”时，显示在浏览器窗口底部。

桌面端 vs 移动端 (Desktop vs Mobile)

固定页面可以设置为仅在桌面端显示、仅在移动端显示，或两者都显示。这可以用来在移动设备上显示不同的导航菜单。

要在手机上显示一个用于打开导航菜单的链接或图标，请固定一个页面，配置其仅在移动端显示，然后向其添加一个文本链接或图标，并将该链接指向包含您网站菜单的另一个页面。

集 (Sets)

要仅在特定页面上显示固定页面，可以将这些页面集中到集 (Set) 中。

常用示例 (Examples)

创建页眉导航

配置页面使其“固定在顶部”，同时“叠加其他内容”，并添加文本链接。如果您希望导航在网站滚动时保持可见，请将其设置为“固定位置”。如果页面内容与网站内容发生不必要的重叠，您可以启用“调整其他内容”，网站的其他页面将被推开为固定页面腾出空间。

创建左/右侧网站布局

在“默认页面设置”（右侧菜单栏）中，将“宽度 (Width)”设置为 50并选择右对齐，使得所有页面填充右侧一半；对于左侧，请固定一个页面并将其设置为“固定位置”，然后在“本地页面设置”（顶部菜单栏）中选择左对齐，同时启用“100%高度 (100% Height)”。这样，左侧的固定页面将始终显示，而右侧页面可以正常导航。您可以添加文本链接，或添加缩略图索引 (Thumbnail Index)，该索引在导航网站右侧页面时将保持不变。

首先，通过顶部菜单栏中的“图标 (Icons)”菜单在页面中插入箭头，并分别将箭头链接至“上一页 (Previous Page)”和“下一页 (Next Page)”。随后固定该页面，并设置为“叠加其他内容”和“固定位置”，即可实现箭头导航效果。