2012-07-02 43 views
0

好(在Chrome和Safari瀏覽器的所有工作)第3,我上滾動現場工作(使用jQuery)有一個外部頁面。隨着這個外部頁面的導航鏈接返回到滾動頁面。我爲滾動頁面上的每個部分添加了唯一的ID(例如<div id="done">),並在外部頁面的鏈接末尾添加了#個定位點(例如,<a href="index-banners.html#done">What We've Done</a>)。只有(7)錨鏈接(使用ID的)工作(要糾正的地方)在Firefox

在Safari和Chrome這些工作。但是隻有前3(從頁面頂部開始)在FF中工作。其餘的帶我到頁面的底部。

如果我用#擴展到ID的一個未在FF工作鍵入滾動頁面的URL,它的工作原理,並帶我到正確的點。我試圖刪除工作錨點後發生的jQuery,他們仍然無法工作。但是,刪除一些<ul>的jQuery效果確實允許鏈接找到它們各自的點。這僅僅是一個觀察,因爲那些<ul>必須保持。

誰能告訴我爲什麼,我該如何修復/解決方法嗎?

這裏是一個測試頁面(http://www.irishofcourse.co.cc/firebrand/index-banners.html)的鏈接。頭到「我們做什麼」,然後點擊「瞭解更多」鏈接到外部頁面,或直接到這裏的外部頁面(http://www.irishofcourse.co.cc/firebrand/index-do.html)。注意:「我們已經完成了什麼」,「案例研究」和「社交」的鏈接是不起作用的。

本。

回答

0

要你需要<a name="anchor">「滾動」,以和爲<a href="#anchor">鏈接錨鏈接。

+0

感謝您的回覆。雖然我讀鏈接到ID是現在更好的做法,但我也嘗試過使用name =方法,結果相同。如前所述,前3項工作,他們都在Safari + Chrome中工作。 –

+0

我在所有瀏覽器上再次測試了您的網頁,並且在所有瀏覽器中網站的行爲都一樣。我點擊左側的導航欄,頁面向下滾動並顯示錨點。當我點擊「我們做什麼」和「瞭解更多」時,您將轉到新頁面。使用導航之後,所有鏈接都會因瀏覽器而異常。 – WolvDev

+0

這正是我所經歷的,但更具體的說,FireFox是瀏覽器不能很好地處理它們,而且確實是我所關心的。任何猜測爲什麼? –