添加同页面平滑滚动锚点链接
这是一项高级功能,适用于 4.0.1+ 版本
同页面滚动锚点链接是指向同一页面中特定位置的链接。当您点击同页面链接时,您的浏览器将平滑滚动至目标区域。
创建同页面锚点链接需要准备两项内容:
- 元素上的自定义类(Class)或自定义 ID,以及
- 引用该自定义类或 ID 的链接或按钮
1. 元素上的自定义类或自定义 ID
选择页面底部附近的任意元素,然后打开其属性设置。在高级区域中,添加名为“go_here”的自定义类或自定义 ID
2. 引用该自定义类或 ID 的链接或按钮
现在,在页面顶部附近创建链接或添加按钮元素。不要添加常规 URL 作为链接,如果您将“go_here”添加为自定义类,请使用“.go_here”(带点);如果您将其添加为自定义 ID,请使用“#go_here”(带井号)。
保存页面后,当您点击链接/按钮时,页面现在应平滑滚动到底部的该元素。
您还可以使用此方法定位命名锚点
命名锚点,例如
<a name="go_here"></a>
也可以通过添加指向“#go_here”(带井号)的链接来定位
其他用途
您还可以定位页面中的任何其他区域,甚至是编辑器区域之外的区域,只要您使用它们的类名或 ID 进行定位即可。