返回顶部定时器清除无效问题-优快云博客

在点击‘返回顶部’缓动滚到顶部案例中，出现定时器无法清除的bug，返回顶部后鼠标下滚页面无反应。原因是top为局部变量未赋值给begin，解决办法是将begin = top写到onscroll中，或把监听点击事件写到onscroll，同时begin和end设为全局变量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

返回顶部定时器清除无效问题

在做点击‘’返回顶部’’缓动滚到顶部的小案例中，出现了设置的定时器无法清除的bug，而且返回顶部后

鼠标往下滚页面也无反应。

源代码：

     window.onload = function(){
    
      window.onscroll = function(){
    
      var top = scroll().top;
    
      if(top>0){
    
      　　$("back").style.display = "block";
    
      }else{
    
      　　$("back").style.display = "none";
    
      }
    
      }
    
      　　var begin = 0,end = 0;timer = null;
    
      　　begin = top;
    
      　　$("back").onclick = function(){ 
    
      clearInterval(timer);
    
      timer = setInterval(function(){
    
      begin = begin + (end - begin)* 0.2
    
      window.scrollTo(0,begin);
    
      if(Math.round(begin) == end){
    
      clearInterval(timer);
    
      };
    
      },40)
    
      }
    
      }