如何在SharePoint 2019现代页面中隐藏左侧导航

方法一：原生站点设置调整（全站点生效） #

• 打开目标团队站点，点击右上角齿轮状的设置图标，选择站点信息。
• 在站点信息页，点击查看所有站点设置。
• 进入站点设置页后，在“外观”板块选择导航元素。
• 在“导航元素”配置页，取消勾选启用快速启动选项，点击确定保存设置。
• 刷新站点页面，左侧导航栏即可隐藏。

方法二：自定义CSS控制（灵活适配场景） #

如果需要仅针对特定页面隐藏导航，或原生配置无法满足需求，可通过自定义CSS实现：

1. 编写CSS代码：

/* 隐藏左侧导航栏 */
.spNav {
    display: none !important;
}
/* 适配无导航的主内容区域宽度 */
.CanvasZone {
    margin-left: 0 !important;
    max-width: 100% !important;
}

2. 将上述CSS代码保存为.css文件，上传到站点的样式库，并设置文件权限为所有站点成员可读取。
3. 进入站点设置，在“Web设计器画廊”区域选择母版页和页面布局，上传包含该CSS引用的自定义母版页；若具备开发能力，也可通过SPFx扩展注入样式。
4. 应用母版页后刷新站点，设置即可生效。

注意事项 #

• 原生配置的禁用快速启动会对整个站点的所有页面生效。
• SharePoint不同版本的样式类名可能存在差异，若上述CSS代码失效，可通过浏览器开发者工具定位对应元素的类名调整代码。
• 操作前建议备份站点配置，避免误操作影响站点正常使用。

内容的提问来源于stack exchange，提问作者user1625812