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
二维码
文章目录
关闭
共有 0 条评论