FF中的錨標籤問題;定位隱藏的div

我遇到了Firefox的問題，並將錨點鏈接從外部頁面錨定到登錄頁面上的選項卡div;而IE正確渲染這些（我知道，這意味着很少），FF和Chrome都會將用戶發送到某個位置，該位置稍微高於或低於實際錨標記。我沒有編寫原始代碼，但是我無法找到很多會導致此問題的FF錯誤或解決方案？FF中的錨標籤問題;定位隱藏的div

開始鏈接： http://www.washington.edu/students/gencat/academic/sis.html#INTSTUDUG

來源

2011-03-08 Biff

如果發生在兩個不同的瀏覽器中，那麼它不能是FF中的錯誤。您有14個HTML錯誤可能導致DOM中的解析問題？ – Rob 2011-03-09 00:36:01

一些JavaScript是改變頁面的佈局已經加載之後。如果您在瀏覽器上禁用JavaScript，則會看到FF和Chrome都能正常工作。

來源

2011-03-09 00:06:43 Dimitry

頁面加載後，概覽部分消失。因此，瀏覽器是在正確的位置，但頁面改變。 – Dimitry 2011-03-09 00:09:03

這與你的JavaScript有關。錨會將您帶到頁面上的特定位置，然後javascript更改使頁面頂部的div更大的選項卡。這發生在頁面滾動後，這會讓你離開錨點。

試着轉動加載頁面上的JS和JS關閉，你會明白我的意思。

如何解決這個問題？你可以使用jQuery滾動到錨上的文件準備功能，例如：

$(function() { 
    var anchor = $('a[name="' + window.location.hash.replace('#', '') + '"]'); 
    if(anchor) { 
     $('html, body').animate({scrollTop: anchor.offset().top}); 
    } 
});

略哈克修復，但它會工作。更好的方法是確保JS不會更改文檔上的佈局準備:)

來源

2011-03-09 00:31:08

FF中的錨標籤問題;定位隱藏的div

回答

相關問題