Blocksy 教程:实现锚点导航效果和菜单高亮

单页网站越来越流行,无需切换页面,所有信息集中在一个页面中展示。但页面内容变长后,访客很难快速跳转到某一特定区域。这时候,就可以使用锚点导航来提升浏览体验。

本文将介绍使用 Blocksy 主题 + Gutenberg 编辑器 实现页面锚点跳转的方法,并通过插件实现菜单高亮功能。

20250507111219576-image

一、什么是锚点导航?

锚点导航是一种点击菜单后,页面平滑滚动到特定内容区域的技术,常用于:

  • 单页网站(One Page Layout)
  • 活动或产品落地页
  • 长内容展示页(如服务流程、公司简介)

二、基础操作:快速实现锚点跳转

1. 创建页面与区块

在 Gutenberg 中创建一个新页面,添加多个内容区块用于模拟页面结构(如“关于我们”、“服务项目”、“


了解 宝藏号 的更多信息

订阅后即可通过电子邮件收到最新文章。

© 版权声明

相关文章

暂无评论

none
暂无评论...