在主站點導航中使用頁面錨點

因此，我有一個基本的（WordPress動力）投資組合站點，其中大部分內容位於主頁上，然後我爲特色項目使用自定義帖子類別，因此用戶可以單擊通過並在類別single.php頁面獲得有關該項目的更多信息。所以這個想法就結構而言是一個非常平坦的網站。在主站點導航中使用頁面錨點

事實上，這樣平坦的標題中的網站導航只是鏈接到主頁上的所有內容（關於，工作，什麼，聯繫人是主頁上的所有部分，當您滾動時點擊）。

我想要發生的是，當用戶在主頁上，並點擊其中一個頂部導航鏈接，頁面向下滾動到該部分（這裏沒有問題 - 我已經有這部分工作很好），然後當用戶在網站的另一個頁面上（想一個深度，一個自定義的帖子頁面），如果他們點擊標題導航鏈接，它會將它們返回到主頁並將其滾動到該部分。我在考慮基本的網址錨結構，如http://somesite.com/page#specific_section，其中該鏈接將用戶帶到somesite.com/page上的特定部分。

但是，我似乎遇到的麻煩是正確創建這些網址。我已經將它們寫成了mysite.com＃about，mysite.com＃work，mysite.com＃contact，mysite.com＃page-top，但不是觸發用戶進入主頁，而是瀏覽器正在解釋這些鏈接作爲說明在當前頁面上查找這些部分。

我在做什麼錯，以及完成此操作的正確方法是什麼？

我想另外考慮的是我是否需要創建PHP邏輯，在主頁上以單向方式顯示鏈接，以及在網站其他部分以其他方式顯示鏈接。

來源

2012-08-22 Joel Glovier

匝出了問題是我的jQuery滾動插件禁用鏈接功能。哈。 –

這真是奇怪而且違反直覺。很想聽聽這個問題，因爲我正在實現一個JS滾動器，這聽起來就像我想跳過一個小時的調試一樣愚蠢的廢話。 –

是的插件需要我添加一個「滾動」的類到我想向下滾動到一個部分的鏈接，所以我想它會禁用所述鏈接上的默認鏈接行爲並監聽點擊事件，然後滾動用戶直至該部分。 –

你需要做的是使用有問題的網頁的實際文件名，如：

mysite.com/aboutme.html#qualifications `mysite.com/portfolio.html#ZirTech

對於鏈接到首頁，或者試試使用根相對路徑或完全限定，像這樣的鏈接：

4381完全合格

/#section相對路徑

您不應該需要在主頁上以不同的方式實現它們 - 只需在整個網站中正確實施它們即可。

來源

2012-08-22 01:06:24

當您將網址編寫爲mysite.com＃work，mysite.com＃contact，mysite.com＃page-top時，瀏覽器會查找相關頁面，因爲它沒有被指示轉到其他頁面（您需要添加「/」來重定向它）。

如果你希望他們指向主頁，將它們設置爲

mysite.com/index.php#work, mysite.com/index.php#contact, mysite.com/index.php#page-top

也許能夠不index.php，但我有點懶，現在來測試：

mysite.com/#work, mysite.com/#contact, mysite.com/#page-top

來源

2012-08-22 01:09:27 ekstrakt

在主站點導航中使用頁面錨點

回答

相關問題