2011-12-12 17 views
0

我們都知道超鏈接爲我們提供了一個新的鏈接頁面。 此外,我們都知道在一個頁面中,有「#」號碼讓我們使用 來找到我們導航的特定位置。超鏈接到新頁面並移動到新頁面的特定位置,可能嗎?

如果我們將這兩者結合起來會發生什麼。跳轉到顯示 的新頁面,並顯示該頁面中的特定位置。 這可能嗎?

-------------------------------------------------------- 
<Test_01.html> 

<a href="Test_02.html#005">link_goes_to_005_location </a> -- user clicks hyperlink 

-------------------------------------------------------- 
<Test_02.html> 

001, 
002, 
003, 
004, 
<a href="#005">005</a>, 
-- not only move to the Test_02.html but also, view stops here(assuming 001-007, each one with height of 200px image). is it possible? 
006, 
007, 

它不會爲我工作。 Internet Explorer latest - 那麼,有什麼辦法可以工作嗎? 在此先感謝 -

回答

1

假設我已經正確理解了你,你只需要一個鏈接導航到另一個頁面上的特定錨點。如果是這樣的話,那麼你可以將它們合併爲你推薦:

<a href="Test_02.html#someAnchor">Jump to someAnchor on Test_02.html</a> 

這應該工作,假設有在Test_02.html一些元素與id匹配#後指定錨:

<a id="someAnchor">Anchor point in Test_02.html</a> 
+0

您不需要'href =「#」'來創建一個錨點。 – number5

+0

你說得對。事實上,由於點擊鏈接會將您返回到文檔的頂部,因此會導致出現問題。感謝您指出。 –

0

是的,這是完全可能的,但它可能無法完美工作,由於圖像加載。

瀏覽器有兩種選擇:

  • 等待所有圖像和動態內容加載,然後將視圖移動到錨定位置
  • 移動視圖立即

在前,用戶會看到頁面的頂部一段時間,然後跳到錨定的位置 - 糟糕的體驗。
在後者中,存在「正確位置」不再正確的風險。

此外,如果您遇到問題,請嘗試單擊URL欄並按Enter鍵 - 這將「重新加載」錨點位置並正確移動頁面。

0

我在你的帖子中途迷路了,但是,是的,可以將兩種導航方法結合起來。下面是簡單的例子,你會移動到頁面test2.html到部分標記爲002:

<a href="test2.html#002>link</a> 
0

是的,你可以使用<名稱=「001」 > </A >圖像之前....給鏈接爲< a href =「Test_02.html#001」> ... </a >

相關問題