如何在同一頁面上實現jQuery scrollTo鏈接？

我是jQuery的noob，我知道scrollTo，但不知道如何讓它在我的網站上運行。我做了一個快速的谷歌搜索，發現了很多結果，但一目瞭然，目前最可靠的一個（或者至少是最受歡迎的）是這樣的：http://plugins.jquery.com/project/ScrollTo 如何在同一頁面上實現jQuery scrollTo鏈接？

但是，作爲一個腳本編程的總不來，完全確定如何使用它來完成我的任務。（HTML和CSS是我的包，寶貝）。

所以這就是我想要做的...非常簡單的東西，我敢肯定。

對http://joelglovier.com我正在建立一個單頁「網關」網站，並鏈接到我的其他有趣的網頁內容。我有一個頂級導航，它只是鏈接到頁面下方的錨點。我想要的只是爲了scrollTo將我的用戶以一種很好的動畫方式帶到這些錨點。告訴你這很簡單！

任何幫助讚賞實現這一目的的最佳方式，以及是否有這種類型的scrollTo使用（我現在到處都可以看到它）的當前標準。

來源

2010-10-08 Joel Glovier

參考：.offset()，.scrollTop()，.animate()

你可以做一些事情像

$(function() { 
    $('#nav-find-me-at a').click(function() { 
     var pos = $('#find-me-at').offset().top; 
     $('html, body').animate({'scrollTop' : pos}, 1000); 
      return false; 
    }); 
});

編輯：這裏測試：http://jsbin.com/ecaye

來源

2010-10-08 04:01:49

是的，這似乎工作，但不是「scrollTop」和「scrollTo」不同的目的不同的功能？從底部滾動到頁面頂部不是「scrollTop」嗎？那麼這不就好像是以倒退的方式使用嗎？ – 2010-10-08 04:06:07

另外，當我嘗試它時，動畫看起來有點波濤洶涌。我正在瀏覽Chrome。 – 2010-10-08 04:06:39

在鉻上運行時，我還沒有經歷過任何混亂！ – 2010-10-08 04:10:45

如何在同一頁面上實現jQuery scrollTo鏈接？

回答

相關問題