2013-02-04 211 views
0

類似的問題,如果不是這樣的確切問題已被問到,但不經常和我試圖改變的答案,但沒有運氣什麼都沒有。水平/垂直(錨點)頁面內容滾動鏈接點擊

基本上,我希望能夠使我的頁面的內容部分(所以標題仍然在每個頁面上)改變,我不確定這是否與僅使用一個html頁面的錨點或如果它是多個html網頁或真的如何完成。一直在尋找超過5小時,但無濟於事。

我碰到這個網站尋找答案,這有什麼,我找http://www.aivahthemes.com/themes/gracious/index.html

我到處找,發現它也做了類似的事情的網站,但如果你去正確的兩頁,然後就回到原始頁面,您會在返回時看到中間頁面。上面的網站並沒有這樣做,實際上隱藏了鏈接之間的頁面,不知何故,這是驚人的。

這有點含糊不清,因爲我沒有發佈任何代碼,但實際上我所嘗試的所有代碼都是來自以前的問題,而這只是我試圖調整我想要的一半的答案。

任何幫助非常感謝,我很難過!

編輯: *看起來更多細節,看起來像一個完整的單一HTML頁面。爲什麼加載速度如此之快,如果它是整個頁面?認爲這將是一個漫長的過程。

編輯2: *是否也可以通過垂直方向來實現此「風格」?

回答

0

您列出的站點在URL中使用散列。您可以使用javascript動態添加它們,或者僅使用普通錨點。網址中的哈希將其保存在瀏覽器歷史記錄中,並且後退/前進按鈕將正常工作。唯一棘手的部分是讀取散列,這與window.location.hash非常直接 - 在'#'符號後返回所有內容。

動畫腳本/獲取頁面會更復雜一點,但我看到這一切都基於獲得正確的<div id="HASH_FROM_URL">,將其移動到「左:-9999px」,然後動畫到主容器的offsetLeft