给WordPress网站底部添加一个按钮,点它就可以现实快速返回到顶部。有两种方法可以现实,一种是通过安装相关插件来实现。另外一种方式就是以纯属代码的方式来实现。
给WordPress网站底部添加一个按钮,点它就可以现实快速返回到顶部。有两种方法可以现实,一种是通过安装相关插件来实现。另外一种方式就是以纯属代码的方式来实现。
不废话,直接上代码。
1、将下面这段代码添加加到footer.php</footer>标签后
<a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a> |
2、将下面这段JS代码添加到js/customer.js中
$(window).scroll(function(){
if ($(this).scrollTop() > 100) { $('.back-to-top').addClass('fixed-back-to-top'); } else { $('.back-to-top').removeClass('fixed-back-to-top'); } }); |
3、将下面这段CSS代码添加到css/theme.css中