IE忽略锚点滚动填充......有时

Question

我有一个单页网站，其中包含一些具有不同ID的元素（公司徽标），我将其用作导航的锚点。 我已经使用CSS为这些元素添加填充，这样当我使用我的菜单滚动到它们时，我不会看到它们附着（不粘但窗口和元素之间没有边距）到顶部我的窗口。

#ontwerp, #project, #advies, #portfolio, #contact { /* 120px together, padding for anchor offset to screen, margin for filler */
margin-top: 90px;
padding-top: 30px;
}

当我在Safari，Firefox和Chrome中查看该网站时，一切顺利。 在IE浏览器中查看前2个（#ontwerp和#project）一切顺利，但如果我使用我的菜单转到其他菜单，我会将IE附加到屏幕顶部。

我尝试添加@media \ 0并将填充和边距设置为！重要但无效。

直播网站：http://www.vinck-interieur.be

Answer 1

所以， 这是我自己问题的解决方案。

最终的问题是，标有ID的元素中的某些元素的位置设置为相对，而某些元素设置为绝对。 我将它们全部设置为亲戚，问题已解决

#ontwerp div, #project div, #advies div, #portfolio div, #contact div { 
    position: relative;
}