2012-08-02 93 views
0

下午滚动返回顶部动画不起作用

问题:除了滚动顶端动画我“返回顶部”按钮(右下拐角向下滚动之后)跳到右顶部。

<a href="#top" id="homebacktothetop"><span>backtothetop</span></a> 

我的JS(jQuery的):

  // scroll to 0 when clicked 
      $('#homebacktothetop').click(function() { 
       $('body,html').animate({ 
        scrollTop: 0 
       }, 800); 
       return false; 
      }); 
     }); 
+1

不知道。但是,如果您想阻止链接执行正常工作,click事件处理程序会使用'preventDefault'方法来代替'return false;'。 '.click(function(e){e.preventDefault();});' – musefan 2012-08-02 16:02:50

回答

2

变化'body,html'window

$('#homebacktothetop').click(function (e) { 
    $(window).animate({ 
     scrollTop: 0 
    }, 800); 
    e.preventDefault(); 
}); 
+0

工程就像一个魅力。谢谢! – 2012-08-02 16:09:51

0

错字:

实例可以http://www.pixsters.be

我的HTML中找到你试图调用

function gotoByScroll(id) 
{ 
    $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow'); 
} 

$("#homebacktothetop").click(function(){goToByScroll("#container");}); 

它给你一个未捕获的ReferenceError:goToByScroll未在控制台中定义, JavaScript是大小写敏感的

0

这个工作对我来说:

  $(document).ready(function(){ 
       $("#GoToTop").click(function() 
       { 
       $("html, body").animate({ scrollTop: 0 }, 500); 
       return false; 
       }); 
      }); 
0

这是一个comp lete在黑暗中射击,但你有没有尝试删除返回声明?我在看一个类似的帖子,jquery animate, scroll top top slow,他们得到了相同的脚本工作,但他们没有返回声明。

在一个完全不同的主题,你在你的页面获取这些Javascript错误: enter image description here enter image description here

可能要考虑这样做,好像这其中就有你的问题。 祝你好运!

+0

或者我猜想像Kei说的那样转到Window就会做xD – 2012-08-02 16:11:11

0

在我看来,你从Web Designer Wall得到你的代码。我注意到你的代码在第32行用一个新函数覆盖了#homebacktothetop的click事件。