2014-09-10 58 views
0

我有一個用於滾動到頁面頂部的java腳本動畫。在動畫結束時,我有一個.focus()函數來專注於表單字段。重點是造成一些急躁。經過研究,我發現我可以通過回電動畫來解決問題,並將重點放在這個問題上。我不知道該怎麼做。任何幫助深表感謝。回電給javascript動畫

$(".scroll").click(function(event){ 
    event.preventDefault(); 
    //calculate destination place 
    var dest=0; 
    if($(this.hash).offset().top > $(document).height()-$(window).height()){ 
      dest=$(document).height()-$(window).height(); 
    }else{ 
      dest=$(this.hash).offset().top; 
    } 
    //go to destination 
    $('html,body').animate({scrollTop:dest}, 1000,'swing'); 

    $('input#Name_First').focus(); 
}); 

http://jsfiddle.net/1kbph7q3/

+1

$(「。scroll」)'在你的jsFiddle中沒有任何匹配。 – Halcyon 2014-09-10 16:10:30

+3

閱讀jQuery文檔如何?它不僅描述了函數簽名(即該函數接受哪些參數),還包含了一些向您顯示如何添加回調的示例。 http://api.jquery.com/animate/ – 2014-09-10 16:19:03

回答

1

無論對你的問題的意見是正確的。

繼承人工作JS小提琴:http://jsfiddle.net/got29e9v/1/

  1. 第一個錯誤是,錨鏈接需要的類.scroll
  2. 此外,JS小提琴沒有使用JQuery,您的JavaScript試圖使用它。
  3. 我在animate方法中添加了回調函數。這在動畫完成時被調用。

希望有所幫助。

+0

我同意。雖然在小提琴上覆制我的代碼,但我可能錯過了添加類。我的歉意。 您的代碼snipper幫助。非常感謝你。 – user3861559 2014-09-10 16:29:17