在單頁網站上隱藏URL

我最近完成了我的新網頁組合網站。我在隱藏鏈接的URL時遇到了一些麻煩。示例：當您單擊「我的工作」鏈接時，它會將您帶到位於網站「我的工作」部分的div。在單頁網站上隱藏URL

因此目前它讀取http://www.springalldesign.co.uk/#title-wrapper看起來相當混亂。
（＃標題，包裝是部分的頂部的DIV的只是名字）

我知道我可以只改變div來所以它會代替閱讀HTTP：//www.springalldesign。 co.uk/#mywork但我仍然認爲它看起來很混亂。無論您點擊哪個鏈接，我都希望網址爲http://www.springalldesign.co.uk/。

在此先感謝

2013-01-04 Tom

沒有改變它是一個Web開發人員非常懶惰！ – matpol

線101，你在設置URL哈希：

location.hash = target;

如果你不想哈希露面，只是刪除此線。

請記住，這將防止深度鏈接。

2013-01-04 17:21:29

謝謝你的訣竅。我不太擔心深層鏈接，因爲它是一個很小的網站。但對未來的項目來說這是很好的信息。再次感謝 – Tom

我建議你離開哈希（＃），因爲用戶可以很容易地通過直接的URL獲得特定頁面（例如我做什麼= > http://www.springalldesign.co.uk/#whatido-title）

爲了擺脫哈希（＃），你可以改變你的菜單的<一個href的>到<一個onclick的>分別。請記住，您還應該提供'onclick'事件處理程序以正確導航。

2013-01-04 17:28:11

jsFiddle DEMO（刪除/show/訪問的jsfiddle編輯頁。）

您的主頁可以只顯示iframe到您的網頁。

然後，導航在的URL地址欄從來沒有的變化。

在那個jsFiddle中，注意地址欄總是如何。

2013-01-05 00:22:06 arttronics

回答