2011-12-19 86 views
1

我正在使用Jquery.Localscroll在錨之間平滑移動窗口。在頁面加載時如何更改URL以包含錨鏈接,以便在頁面加載時順利滾動到某個部分。在頁面加載更改爲錨

或者還有更好的方式來滾動到文檔加載時的部分。

謝謝。

回答

0

顯然,如果你指定錨滾動到臣民方式:

<a href="yourURL#someanchor">Link</a> 

然後,瀏覽器會自動滾動。

如果你的目的是讓瀏覽器加載頁面,然後讓你的代碼踢在做一個光滑的(動畫)滾動到一個特定的錨那麼像這樣的工作:

// on calling page 
<a href="yourURL?scrollto=someanchor">Link</a> 

// on "yourURL" page: 
$(document).ready(function() { 
    // check for "scrollto" parameter and if it exists 
    // use Localscroll to move to specified anchor 
    var match = /[?&]scrollto(?:=([^&]*))?/.exec(window.location.search); 
    if(match != null){ 
     var anchor = match[1]; 
     // your code to scroll to anchor here 
    } 
}); 
+0

謝謝,我'我不太清楚'//你的代碼在這裏滾動到錨點'放置什麼'看起來Local.Scroll找到錨點並自動調用函數。我會試着把功能放在那裏。謝謝@nnnnnnn – uriah

+0

不客氣。我試着讓代碼根據查詢字符串確定要滾動到的內容,並提示滾動代碼應該放在哪裏,但我對Localscroll不熟悉,所以我不得不將這部分留給你。實際上,現在想想它,您可能想要在加載事件而不是DOM就緒事件上進行此操作,以便在加載圖像之後才能滾動。我假設這個想法是,從用戶的角度來看,當他們點擊一個鏈接時,新頁面首先加載到頁面的頂部,然後自動滾動到適當的錨點並帶有某種動畫。 – nnnnnn