演示效果

在 functions.php 加上下面这段代码

如果图片不全，请自行添加自己的图片(//弹窗提醒)

引入阿里巴巴矢量库的图标，也可以自行修改

把下面的 js 跟 css 引入到你的网站即可

在 footer.php 里加上下面这段代码，自行修改

如果图片不全，请自行添加自己的图片

CSS 代码

这段 css 其实是文字的抖动跟适应手机屏幕隐藏底部导航栏(可用可不用，不过@media这段建议保留)

JS 代码

这段 js 代码是用来触发滚动条显示百分比的

教程到这就结束了，如果发现有问题的话可以在下面评论留言。