锚链接滚动到不正确的位置

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; 
}