网上很多Back to top代码都带着一个JS文件,所以不敢轻易安装使用,所加密的代码里有其他的东西,所以在网站找了并稍做修改一个不需要JS文件的返回顶部代码.使用方法很简单.将以下代码复制并添加到footer.php文件的恰当位置.然后找一个png格式,48*48的图片上传到images目录即可.
<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">Top</a><img decoding="async" src="/images/back-top.png"></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>
<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">Top</a><img decoding="async" src="/images/back-top.png"></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>
sicnature ---------------------------------------------------------------------
I P 地 址: 13.59.222.100
区 域 位 置: 美国俄亥俄都柏林
系 统 信 息:
Original content, please indicate the source:
同福客栈论坛 | 蟒蛇科普 ｜ 海南乡情论坛 | JiaYu Blog
sicnature ---------------------------------------------------------------------
Welcome to reprint. Please indicate the source https://myzhenai.com/post/728.html
没有评论