2016-01-11 78 views
1

我正在使用我的新網站,但我遇到了一些問題。讓我們來看看我的代碼:點擊頁腳鏈接後滾動返回頁腳

$(".item2").click(function(){ 
    $(".item1").removeClass("underline"); 
    $(this).addClass("underline"); 
    $('html, body').delay(500).animate({ scrollTop:0 }, 'slow'); 
}); 

所以我想有像這樣的工作:

  1. 點擊鏈接;
  2. 讓頁面滾動到底部(因爲頁面內容可以改變頁面高度,所以它需要在點擊鏈接後滾動回頁腳);
  3. 留在底部,所以用戶可以讀取頁腳再次

我上面的代碼並沒有出於某種原因。 delay(500)不起作用,因此由於某種原因忽略了其餘的代碼。

+0

@ParthTrivedi刪除雙點。另外我認爲它也不會起作用,因爲它一開始並不動畫。 –

+0

@QuietNaN我們需要UI嗎? –

+0

@QuietNaN是的,我做了,其餘的jQuery工作,但只是這段代碼沒有。 – Mia

回答

3

此代碼在0.5秒後向下滾動頁面。

$(".item2").click(function() { 
    setTimeout(function(){ 
    $("html, body").animate({ scrollTop: $(document).height() }, "slow"); 
    return false; 
    }, 500); 
}); 

請參閱here