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

时间:2017-04-03 16:11:06

标签: html wordpress anchor

我正努力让我的锚链接正常工作。网站是http://www.imprero.com,在最顶部你会看到一个链接“Zobacz atrakcje”,它应该会出现一个名为“Produkty”的部分。这里已经将滚动窗口定位得太多,因为所有两个图标行都应该是可见的(根据div id =“produkty”)。现在,这是内部链接到下面页面部分的产品列表。只有前两个位置正确,而所有进一步或多或少都是错误的。在每个产品部分都有一个链接“Lista atrakcji”,它链接回产品列表。当我点击相同的图标链接时,它会多次指示我稍微不同的位置。有没有搞错???有任何想法吗?会很感激...

1 个答案:

答案 0 :(得分:1)

问题是您的固定标题不在文档流中,因此它的高度/位置不会计入浏览器的滚动位置。如果您在单击锚标记后隐藏标题,您会看到它确实将您置于正确的位置。这可以用一点CSS补偿:

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