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>

里面的图片可以自己制作,也可以到阿里妈妈的质量图网站进行下载

🏆 每日挑战:你知道答案吗?

如何在 Python 中检查变量的类型?

温馨提示 : 非特殊注明,否则均为©李联华的博客网原创文章,本站文章未经授权禁止任何形式转载;IP地址:3.147.78.249,归属地:俄亥俄州Dublin ,欢迎您的访问!
文章链接:https://www.lilianhua.com/wordpress-returns-to-the-top-function.html

文澜千文文澜千文Beta

请登录以使用此功能。

弹窗图片

年终回馈! 200积分免费领取,可通过用户中心或VIP会员页面通过兑换码进行兑换:OAK-8909956

Loading...