使用jquery向下滑動到散列位置

Question

我的主頁有一系列鏈接。當點擊這些鏈接時，我希望用戶被帶到點擊頁面的某個區域。通常我會在主頁上使用以下HTML：

<a href="products.html#link1">LINK</a> 

其中＃link1是我要滾動到的div。這一次，我想用jquery從頁面頂部給它一個不錯的優雅滾動，而不是直接在該div上加載。所以當主頁點擊主頁時，產品頁面出現並滾動到哈希div。任何幫助，將不勝感激。

Answer 1

您可以使用scrollTo來實現此目的。困難的部分是哈希需要從HTTP請求持續到HTTP響應 - 如果瀏覽器支持，這可以使用cookie或可能的local storage (HTML 5)來完成。

如果啓用JavaScript，防止默認行爲錨

檢查的哈希值將href我可能會通過

1. 處理它檢查。如果存在的話，堅持在選擇的存儲中的價值。如果不存在，清除存儲值可能是一個好主意，因爲我們不想嘗試在請求的頁面加載時滾動到某些內容。
2. 加載下一頁時，檢查存儲器中的值並使用scrollTo插件滾動到元素。

Answer 2

這是一個jQuery plugin，它可以做你想做的事。它會讓你指定要滾動的錨點，以及滾動持續時間的長短，所以它可以平滑，快速等。看起來很容易實現。