九州互营
品牌推广
当前位置:首页 / 常见问题/ 网站装修 / 问题详情

自适应网站模板 | 如何设置锚点链接?

发布日期:2021-03-03 09:44:41 网站装修

一、设置锚点链接可实现什么效果?

锚点链接是指点击即可跳到当前页面或其他页面的某一位置的超链接,相当于一个定位的作用(类似滚屏效果),如下图。

自适应网站模板 | 如何设置锚点链接?

二、如何设置锚点链接?

2.1、为模块或通栏设置锚点

进入网站设计页面后,鼠标右键点击某个模块或通栏,可“设置模块锚点”或“设置通栏锚点”。本教程以“设置通栏锚点”为例。

自适应网站模板 | 如何设置锚点链接?

点击“设置通栏锚点”后,在弹窗内为锚点命名,例如“企业优势”。

自适应网站模板 | 如何设置锚点链接?

支持同时将锚点添加为新的导航栏目,勾选后,网站导航栏会添加一项导航项,如下图。

自适应网站模板 | 如何设置锚点链接?

2.2、在链接控件中设置跳转到锚点

设置好锚点后,可在任意支持设置链接的位置,设置跳转到该锚点。例如,在首页的文本模块设置链接,如下图。

自适应网站模板 | 如何设置锚点链接?

点击“设置链接”后,在弹窗内选择链接类型为“功能”,选择功能为“跳到通栏/模块锚点”。

跳转类型支持“本页锚点”或“其他页面”,按需求选择即可。

自适应网站模板 | 如何设置锚点链接?

自适应网站模板 | 如何设置锚点链接?

设置好后的效果,如下图。

自适应网站模板 | 如何设置锚点链接?

相关阅读

自适应网站模板 | 如何设置锚点链接?

发布日期:2021-03-03 09:44:41 网站装修

一、设置锚点链接可实现什么效果?

锚点链接是指点击即可跳到当前页面或其他页面的某一位置的超链接,相当于一个定位的作用(类似滚屏效果),如下图。

自适应网站模板 | 如何设置锚点链接?

二、如何设置锚点链接?

2.1、为模块或通栏设置锚点

进入网站设计页面后,鼠标右键点击某个模块或通栏,可“设置模块锚点”或“设置通栏锚点”。本教程以“设置通栏锚点”为例。

自适应网站模板 | 如何设置锚点链接?

点击“设置通栏锚点”后,在弹窗内为锚点命名,例如“企业优势”。

自适应网站模板 | 如何设置锚点链接?

支持同时将锚点添加为新的导航栏目,勾选后,网站导航栏会添加一项导航项,如下图。

自适应网站模板 | 如何设置锚点链接?

2.2、在链接控件中设置跳转到锚点

设置好锚点后,可在任意支持设置链接的位置,设置跳转到该锚点。例如,在首页的文本模块设置链接,如下图。

自适应网站模板 | 如何设置锚点链接?

点击“设置链接”后,在弹窗内选择链接类型为“功能”,选择功能为“跳到通栏/模块锚点”。

跳转类型支持“本页锚点”或“其他页面”,按需求选择即可。

自适应网站模板 | 如何设置锚点链接?

自适应网站模板 | 如何设置锚点链接?

设置好后的效果,如下图。

自适应网站模板 | 如何设置锚点链接?

相关阅读