EyouCMS回到顶部按钮异常？过来人亲测可行的全场景修复指南收好

先唠明白：EyouCMS回到顶部按钮异常本质就是跑腿小弟摸鱼

咱说真的，前两个月接连给三个做企业站的朋友擦屁股，全是同一个破事：EyouCMS回到顶部按钮异常。我当时改第一个的时候还傻呵呵查了俩小时文档，改到第三个的时候闭着眼都能找到问题在哪，奶茶钱都搭进去三杯了，今天把所有踩过的坑全给你们捋明白。

先给你们整个魔性比喻方便理解：你用EyouCMS做的网站就是开了个线上小卖部，访客就是来逛店的客人，刷到小卖部最里头（页面底部）想直接回门口（页面顶部），不用自己一步步滑页面，按那个小箭头就是喊店里专属跑腿小弟送你上去，省劲儿又贴心。那EyouCMS回到顶部按钮异常，说白了就是这个跑腿小弟出状况了：要么直接旷工找不到人，要么喊他装听不见，要么跑一半卡壳摔路边，就这么点事，根本没啥难的。

第一种异常：小弟直接旷工（按钮完全不显示）

这是新手碰EyouCMS回到顶部按钮异常最常见的情况，我第一个踩的坑就是这个，当时改了俩小时CSS，最后发现是客户手贱把后台开关关了，我当时真想给自己俩嘴巴子，20块的奶茶钱就这么亏了。

碰到这种情况第一步先别瞎改代码，先去后台查开关：EyouCMS后台-系统基本参数-网站设置-互动设置，找到“是否开启回到顶部按钮”选项，看是不是被人关了。这就相当于你没给小弟排上班表，人家当然在家躺平不来啊，把开关打开相当于给人发了上班通知，80%的新手碰到的EyouCMS回到顶部按钮异常都是这个低级错误，别笑，真的好多人犯。

要是开了开关还是看不见按钮，那就是你改主题模板的时候把小弟的入职手续给删了，去你当前用的主题模板文件夹里找footer.htm文件，看看有没有下面这段代码：

``` ```

没有的话直接把这段粘到footer.htm的标签前面就行，这就是小弟的入职合同，没合同人家当然不来上班。要是代码有还是看不见，那就是你给小弟穿了隐身衣，去主题的style.css文件里找.backtop的样式，看看是不是display设成了none，或者z-index值太低被别的元素挡住了，把display改成block，z-index调到9999以上，再给个固定定位right:20px;bottom:50px;，相当于给小弟穿了个黄马褂站在店门口最显眼的地方，客人一眼就能看见。

第二种异常：小弟装聋作哑（点击按钮没反应）

我碰过三次这种EyouCMS回到顶部按钮异常：按钮好好的在右下角飘着，怎么点都没动静，客人喊破喉咙小弟就是不动弹，这种情况90%都是jQuery冲突搞的鬼。

碰到这种情况先按F12打开浏览器控制台，看有没有红色报错，尤其是“$ is not defined”这种提示，要么是你没引入jQuery，要么是你加的别的JS插件把$标识符给占了，就相当于你店里同时雇了好几个叫“小张”的员工，客人喊“小张”没人知道喊的是谁。

解决方法也简单：先确保jQuery库在所有JS文件的最前面引入，EyouCMS默认是自带jQuery的，要是你自己加了别的JS库，就把上面代码里所有的$都换成jQuery就行，比如把$(function(){改成jQuery(function(){，$("backtop")改成jQuery("backtop")，相当于给你家回到顶部的小弟改了个大名叫“张建国”，全店独一份，再也不会认错人，我上次帮朋友改的EyouCMS回到顶部按钮异常就是他加了个抽奖插件占了$，改完两分钟就好。

要是改完还是没反应，就查一下你是不是给body或者html加了overflow-x:hidden或者overflow-y:auto这类滚动属性，相当于你给店里装了个自动门把路堵了，小弟根本跑不动，把多余的滚动属性删掉就行。

第三种异常：小弟跑一半卡壳（动画卡顿/跳一半就停）

这种EyouCMS回到顶部按钮异常相对少一点，但是碰到了也闹心：点了按钮确实能往上滑，但是要么卡成PPT，要么滑到一半就停了，相当于小弟跑的时候被路人塞传单拦路了。

这种情况基本都是页面上的其他scroll事件冲突搞的，比如你加了锚点跳转插件、图片懒加载插件、无限下拉加载插件，这些插件也绑定了滚动事件，和回到顶部的事件抢优先级。解决方法也简单：给回到顶部的点击事件加个阻止冒泡的方法，把上面代码里的点击事件改成下面这样就行：

``` $("backtop").click(function(e){ e.stopPropagation(); // 阻止事件冒泡，避免和其他滚动事件冲突 $('body,html').animate({scrollTop:0},300); return false; }); ```

要是加了还是卡，就去调你懒加载插件的参数，把预加载的阈值调大一点，别等滑到跟了才加载图片，相当于提前把路上的传单都清走，小弟跑起来自然顺顺当当的。我上个月碰到的EyouCMS回到顶部按钮异常就是客户弄了个产品无限加载的功能，页面高度一直在变，调完懒加载参数立刻就好了。

最后唠点掏心窝子的：再也不用怕EyouCMS回到顶部按钮异常

咱做站的，谁还没碰过几个奇葩bug？EyouCMS回到顶部按钮异常这种级别的bug，说白了就是给你送经验的，搞定一次下次再也不会栽，就像你开店碰见过摸鱼的员工，下次招人就知道怎么避坑了，都是好事儿。

给你们几个我踩坑踩出来的小建议，能帮你避开90%的EyouCMS回到顶部按钮异常：第一，改模板之前先备份，别改崩了找不回来，就像给小弟改工服之前先留件旧的，改丑了还能换回来；第二，加新插件先在测试站试，别直接往正式站堆，就像雇新员工先试工，别直接拉到店里抢老员工的活；第三，实在搞不定就去官方默认主题里拷回到顶部的代码，官方的代码都是测试过的，拷过来直接用，啥毛病没有。

真的，我前前后后碰过不下10次EyouCMS回到顶部按钮异常，全是上面说的这几个原因，没有一次翻车的，你们照着步骤捋，最多10分钟就能搞定，省下来的钱喝杯冰美式香不香？要是真碰到啥特殊情况搞不定，评论区留个言，我看到就给你回，绝对不收费，都是做站的难兄难弟，互相搭把手的事，多大点事儿啊。