2012-08-02 152 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事件。