WordPress的锚点处理,同页面内的无缝跳转

插件

还是基于elementor这个插件,WordPress原图之后就不带了,不会影响你的处理

原理

就是设置了 class id  菜单上再自定义链接跳转到 对应ID即可。

<div id="test">锚点定位</div>
<a href="#test">锚点</a>

如果ID设置为"test", 那么菜单上自定义链接为:  #test

这样,点击即可跳转到 test  ID的部分。

将链接定位到某个元素到id,当被点击的时候会定位.到对应位置。

elementor中的处理

选择模块栏,高级设置 class ID 输入id名称即可

1. 确定定位位置

elementor中因为会封装一些东西,其中CSS ID是在对应元素外套了个div的id也可以作为锚点的定位id。
在下面我设置了CSS ID

页面上面检查的时候是这样的

2. 锚点设置

 

原文链接

https://blog.csdn.net/zhixiaziliao/article/details/86712007

版权声明:
作者:loyolife
链接:https://loyolife.com/963.html
来源:loyolife | 高效工作,轻松生活~ | 悠哉知识集
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>
文章目录
关闭
目 录