2013-07-15 91 views
0

道歉提前,如果這個問題來的天真/愚蠢,但我不能爲我的生活想到從哪裏開始。自動滾動顯示內容 - jQuery

我會盡我所能來解釋:

即時通訊開發一個網站,讓事情變得簡單可以說,它有註冊過程分爲兩步:

  • 用戶點擊「立即加入」上主頁
  • 用戶被重定向到包含表單的頁面以輸入詳細信息。

這兩頁都非常簡單,適合整個屏幕。現在,爲了獲得更好的用戶體驗,我想要做的不是重定向到新頁面,而是自動向下滾動顯示一個以前沒有包含註冊表單的空間。 (我希望是有道理的)

我已經看到這在少數網站上實現,但沒有考慮到任何示例。

我認爲這是一個jQuery任務,如果有人能夠說出這個概念的名字,我將不勝感激,因此我可以開始研究它。

+1

那麼你是怎麼試過這麼遠嗎? –

回答

0

我不知道它的名字,但你可以很容易做到這一點:

/* When the button for the form is clicked trigger function */ 
$("#linktoform").click(function(){ 
    /* Delay is set to 0 miliseconds */ 
    $("#idofform").show(0); 
    /* Next line copied from: http://stackoverflow.com/q/4565381/ */ 
    $('html, body').animate({scrollTop:$('#form').position().top}, 'slow'); 
    });