2013-07-23 123 views
7

我試圖讓一個div從<a href="#FAQ">FAQ</a>跳到div id,並且可以輕鬆獲得成功,但由於我有一個固定鏈接跳轉到,我似乎無法找到方法要做到這一點。頁面從div跳到錨

意思,我想DIVA HREF鏈接跳轉到一個URL在同一頁面中說<a href="http://www.mydomain.ask.html">Ask</a>

我肯定知道從錨如<a href="#jump">jump</a>跳轉到一個div如<div id="jump">jump to point</div>工作正常。但是,相反的方式呢?它工作嗎?我的意思是從div id跳到錨點的作品?

+0

使用,如果我沒有嘗試,那爲什麼我問那麼? :) –

+1

我會建議創建簡單的html文件來測試你想要做什麼。 – Malkus

+0

你爲什麼不(@Digitalsite)試試呢? –

回答

9

只要你的錨有您可以通過點擊鏈接到一個位置,在視圖中的ID div你只需要一些javascript。

設置window.location.hash值會將視圖的焦點放在所選ID上。

樣品

<a href="#test1" id="back">Test</a> 

<div id="test1" onclick="window.location.hash='back'; "> 

JSFiddle Example

+0

好的,很好的解決方案。這也是我所做的。但是,我想要做的就是從'div id =「test1」'跳到'a href =「#test1」',而不是我們知道的正常方式... –

+0

剛剛在您的示例中發現我必須點擊** test **跳到**目標div **,然後點擊**目標div **返回到** test **錨點,這很好。但是,我只想從**目標div **跳到**測試**「單程」 –

+1

您不需要使用我提供的確切示例。 – Malkus

3

我想,那麼你必須添加<a href="yourid">page place</a>您的第一個div內,必須給id來你的錨標記<a href="yourplace" id="idname"></a>

+1

這個解決方案是在正確的軌道周圍...不知道我是否能理解它。不管怎麼說,多謝拉。 –

3

,如果您有鏈接轉到另一個可變 你可以用編號標誌

<a href="product.php?action=edit#lastdiv>Go to Product Last Div</a> 

<div id="lastdiv">There are last product Exist</div>