DEDE178模板网专注于织梦源码分享、织梦模板、dede模板源码、wordpress主题等网站模板,为广大站长提供完整无错的织梦源码。
用户名:
密码:
注册

织梦源码,DEDE178模板网

VIP

CMS教程

站长学院

WORDPRESS免插件添加返回顶部功能

编辑:DEDE178模板网 / 2018-04-03 点击数:157

前些天,我发现自己在某主题作者的网站上订单操作权限没有了,号被封了。我也是郁闷,提示我:经用户举报,我在某宝上贩卖该主题,所以进行了封号处理。

我也是醉了,打开自己的某宝网店,从2015年开始至今,某宝网店无一笔订单,网店闲置了快两年,突然就被告知我在某宝进行贩卖主题,截图作了证明,别人依然很硬气,一气之下,算了,遇到不靠谱的主题作者也不是一次两次了。可惜的是自己收藏的很多实用的教程都没有了……

MOSSIGHT主题本身是不带返回顶部功能的,像我这样喜欢没有咻一下到顶的人用起来算是比较痛苦的,早前用的是BIGFA的带滚动进度的返回顶部,不过找不到教程了,折腾了半天弄不好,所以换一种方法吧,效果见右下角:

将以下代码添加到footer.php的最后:

<!-- 返回顶部 --><div style="display: none;" id="gotop"></div><script type='text/javascript'> backTop=function (btnId){ var btn=document.getElementById(btnId); var d=document.documentElement; var b=document.body; window.onscroll=set; btn.onclick=function (){ btn.style.display="none"; window.onscroll=null; this.timer=setInterval(function(){ d.scrollTop-=Math.ceil((d.scrollTop+b.scrollTop)*0.1); b.scrollTop-=Math.ceil((d.scrollTop+b.scrollTop)*0.1); if((d.scrollTop+b.scrollTop)==0) clearInterval(btn.timer,window.onscroll=set); },10); }; function set(){btn.style.display=(d.scrollTop+b.scrollTop>100)?'block':"none"} }; backTop('gotop');</script><!-- 返回顶部END -->

将以下CSS添加到主题CSS文件中:

#gotop{ width:60px; height:130px; position:fixed; bottom:50px; right:90px; top:auto; display:block; cursor:pointer; background: url(images/gotop.png) no-repeat}*html #gotop{ position:absolute; bottom:auto; top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}

以上,返回顶部的图标需要你自己去换!

收缩