固定鏈接着陸位置不正確

可能是一個愚蠢的問題，但我真的不能把我的頭圍繞着這裏發生了什麼問題。固定鏈接着陸位置不正確

一個網站，我此刻的建設。我想在http://harrisonfjord.com/thinkinc/index.php#sponsors上建立一個錨鏈接。我已經設置了錨在下面的代碼之前發生：

<a name="sponsors"></a> 
    <div class="sponsors"> 
     <div class="sponsors-left"> 
      <h2>Sponsors</h2> 
       <p>Support the lovely folks who support us! Visit their websites, join their mailing lists and peruse their wares. They are all highly-deserving of your custom, and we're thrilled to have each and everyone one of them on-board!</p> 
      </div>

但是，當你點擊的錨鏈接就可以了一半的土地約下來的股利。我認爲這可能是在加載錨鏈接後加載圖像時出現問題，所以我手動爲所有標籤放置寬度/高度。我也對標題欄中的cufon文本替換做了同樣的處理。

沒有任何幫助，所以現在我轉向你。無論出於何種原因，錨點在Firefox中也不起作用。有關我在這裏做錯了什麼的想法？

乾杯！

來源

2011-07-26 Jascination

我認爲這個問題是由於沒有你正在使用的內容的錨。

另外，看來name=一直id=deprecated in favor如在某些元件（包括A）的片段標識符，這使得一種意義上ID屬性是獨特而NAME屬性不是這樣保證。

我會嘗試在實際的渲染實體堅持片段標識符，如：

<h2 id="sponsors">Sponsors</h2>

，看看，讓你。順便說一下，它看起來像一個很好的會議，我希望你能得到一個合格的入場券。

來源

2011-07-26 12:09:21 msw

啊哈！明白了，做了一個魅力，感謝隊友。順便說一句 - 我是會議組織者之一，沒有web開發人員！因此，我不僅要參加會議，而且還要與揚聲器一起喝威士忌:) – Jascination

確認在Chrome 13上工作，盡情享受吧。 – msw

我不知道是什麼標準你的網頁正試圖符合，但它是完全錯誤的：

http://validator.w3.org/check?uri=http%3A%2F%2Fharrisonfjord.com%2Fthinkinc%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

他們中的一些非常嚴重，例如：

無法確定分析模式！
找不到DOCTYPE，以及未知的根元素。中止驗證。

確認器放棄。與頁面對比像gnu.org

http://validator.w3.org/check?uri=www.gnu.org&charset=%28detect+automatically%29&doctype=Inline&group=0

你應該感到高興的是，網站會在所有。

來源

2011-07-26 07:45:32 msw

好一點，我沒想到的驗證影響這樣的事情就是這樣做之後。我現在就接受它，如果它仍然壞了，報告回來，歡呼！ – Jascination

好的，回來了，現在已修復，驗證爲HTML 4.0 Transitional。但是，主播還是不行！有什麼想法嗎？ – Jascination

我在iphone中遇到了與片段鏈接的問題，它們有 <a href="#info">TYPES OF INFORMATION WE COLLECT</a>，正確鏈接到 <h3 id="info">TYPES OF INFORMATION WE COLLECT</h3>。

，這是不正常的，我固定的這樣一個解決方案（使用jQuery）：

window.scrollTo(0,$('#info').offset().top);

來源

2013-01-10 12:39:40 sasi

很好的解決方法：我使用它，因爲Firefox第一次沒有在正確的位置登陸，也就是在跟一個片段鏈接之後，但是要求firefox欄上的確切URL使得瀏覽器着陸在正確的位置。 – reallynice

我得到了確切的同樣的問題在Firefox和與此解決它（同SASI的答案，但更通用的 - 它檢測是否存在於URL錨，然後滾動到它）：

$(document).ready(function() { 
    if(window.location.hash.length > 0) { 
     window.scrollTo(0, $(window.location.hash).offset().top); 
    } 
});

現在看來，這是一個衆所周知的問題，請參閱https://bugzilla.mozilla.org/show_bug.cgi?id=60307

來源

2015-08-10 12:31:12 vard

這對我在使用目錄js片段的頁面上工作。在僅有一頁遵循相同模式的許多頁面上，最初的滾動並未考慮TOC中添加的文本。 – covener

固定鏈接着陸位置不正確

回答

相關問題