錨鏈接滾動到不正確的位置

Question

我正在努力使我的錨鏈接正常工作。網站是http://www.imprero.com，在頂部你會看到一個鏈接「Zobacz atrakcje」，這應該導致下面一段名爲「Produkty」的鏈接。這裏滾動窗口的位置已經過高了，因爲所有的兩個圖標行都應該是可見的（根據div id =「produkty」）。現在這是內部鏈接到下面頁面的部分的產品列表。只有前兩個位置正確，而所有的進一步都差不多。在每個產品部分都有一個鏈接「Lista atrakcji」，該鏈接指向產品列表。當我點擊相同的圖標鏈接時，它多次指引我略有不同的位置。有沒有搞錯？？？有任何想法嗎？將不勝感激......

Answer 1

問題是您的固定標題已超出文檔流程，因此它的高度/位置並未包含在瀏覽器的滾動位置中。如果您在點擊錨標籤後隱藏標題，您會發現它確實將您置於正確的位置。這可以用一點CSS補償：

// Adjustment for anchor tag positioning with fixed header 
:target:before 
{ 
    content: ""; 
    display: block; 
    height: 57px; //Height of header 
    margin-top: -57px; 
}