返回顶部如何为WordPress主题添加一个返回顶部按钮

如何为WordPress主题添加一个返回顶部按钮

1、打开wordpress后台，选择“外观”–“编辑”–找到“footer.php”，在</body>之前加上下面这段代码： 代码如下 <div id="full" style=" width:50px; height:95px; position:fixed; left:50%;:420px; margin-left:493px; z-index:100; text-align:center; cursor:pointer;"> <a><img src="121008370928.png" border=0 alt="返回顶部"></a> </div> <script type="text/javascript">var isie6 = window.XMLHttpRequest ? false : true; function onload() { var c = document.getElementById("full"); function b() { var a = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; if (a > 0) { if (isie6) { c.style.display = "none"; clearTimeout(window.show); window.show = setTimeout(function () { var d = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; if (d > 0) { c.style.display = "block"; = (400 + d) + "px" } }, 300) } else { c.style.display = "block" } } else { c.style.display = "none" } } if (isie6) { c.style.position = "absolute" } window.onscroll = b; b() } if (window.attachEvent) { window.attachEvent("onload", onload) } else { window.addEventListener("load", onload, false) } document.getElementById("full").onclick = function () { window.scrollTo(0, 0) };</script> 2.然后保存，删除缓存文件即可。