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

上一篇 域名解析中的cname解析,显性URL跳转和隐性URL跳转,这三种解析方式有什么区别
下一篇 索尼相机上的三角卡扣怎么拆?