wordpress返回顶部功能
将以下代码放到主题的footer.php文件末尾:
<div id="BackTop" style="position:fixed;bottom:60px;right:10px;display:none;cursor:pointer;"><a title="Top" onclick="window.scrollTo(0,0);return false;" href="#top" class="back-top"></a><img src="xxxx.svg"></div>
<script type="text/javascript">
idBackTop=document.getElementById('BackTop');
idBackTop.onclick=function (){
document.documentElement.scrollTop=0;
sb();
}
window.onscroll=sb;
function sb(){
if(document.documentElement.scrollTop==0){
idBackTop.style.display="none";
}else{
idBackTop.style.display="block";
}
}
</script>
里面的图片可以自己制作,也可以到阿里妈妈的质量图网站进行下载
温馨提示 : 非特殊注明,否则均为©李联华的博客网原创文章,本站文章未经授权禁止任何形式转载;IP地址:3.14.144.41,归属地:俄亥俄州Dublin ,欢迎您的访问!
文章链接:https://www.ooize.com/wordpress-returns-to-the-top-function.html
文章链接:https://www.ooize.com/wordpress-returns-to-the-top-function.html
订阅
登录
0 评论