html - anchor 链接滚动到不正确的位置

Question

我正在努力使我的 anchor 链接正常工作。网址是http://www.imprero.com在最顶部，您会看到一个链接“Zobacz atrakcje”，该链接应该指向下面一个名为“Produkty”的部分。在这里，滚动已经将窗口定位得太多了，因为所有两个图标行都应该是可见的(根据 div id="produkty")。现在这是内部链接到下面页面部分的产品列表。只有前两个位置正确，而其他位置或多或少都是错误的。在每个产品部分都有一个链接“Lista atrakcji”，它指向产品列表。当我点击同一个图标链接时，它多次将我引导到一个略有不同的位置。有没有搞错？？？有任何想法吗？将不胜感激...

Answer 1

问题是您的固定 header 不在文档流中，因此它的高度/位置不会影响浏览器的滚动位置。如果您在单击 anchor 标记后隐藏标题，您会发现它确实将您置于正确的位置。这可以用一点 CSS 来弥补:

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