为WordPress添加轻量级”回到顶部”代码

文章目录

这是一个比较快捷的实现滚动到网站顶部的方法,代码十分轻巧,也容易添加。适用于wordpress及其他网站程序。

1、返回顶部JS代码

将以下js扔进你的js文件中,也可以保存为js单独加载:

2、返回顶部CSS样式

再将以下css扔进你的对应主题的css样式文件中,一般是style.css文件:

3、返回顶部图片

上面样式中用到的图片,下面图片右键另存为即可(或者自己网上搜索 返回顶部 图片):

为WordPress添加轻量级”回到顶部”代码-来自沈超飞的IT博客 第1张 ? 为WordPress添加轻量级”回到顶部”代码-来自沈超飞的IT博客 第3张? 为WordPress添加轻量级”回到顶部”代码-来自沈超飞的IT博客 第5张?? 为WordPress添加轻量级”回到顶部”代码-来自沈超飞的IT博客 第7张 ??为WordPress添加轻量级”回到顶部”代码-来自沈超飞的IT博客 第9张?? 为WordPress添加轻量级”回到顶部”代码-来自沈超飞的IT博客 第11张 ??为WordPress添加轻量级”回到顶部”代码-来自沈超飞的IT博客 第13张 ??为WordPress添加轻量级”回到顶部”代码-来自沈超飞的IT博客 第15张 ? ? 等等。。。

打包下载? (内含一百多种返回顶部图片素材,提取码:c4q2)

4、返回顶部调用

调用: 在footer.php中添加以下代码(加在body内):

使用的时候注意代码空格等等。有问题请在下面留言

//下面这个css和插件后台设置的主题有关系,如果需要换样式,则需要修改以下CSS名称
分享到:

1 条评论

昵称
  1. 奔跑的蜗牛

    高级了,看不懂…