顶部部分在Firefox浏览器中被剪辑

Question

网站为http://sulopa.co.in/kalpproject/en/

当我进入导航栏并单击菜单时，它会转到该特定部分，但顶部会被剪掉。它只发生在Firefox浏览器中。

此网站不允许我发布图片。所以请浏览网站并提供解决方案。

Answer 1

您可以专门针对Firefox用户，然后手动添加正边距和负填充，以抵消锚点。您必须将此类添加到所有锚点（即带有#frank等的元素）。

<style type="text/css">
@-moz-document url-prefix() {
    .myAnchor{
         padding-top: 30px; 
         margin-top: -30px;
    }
}
</style>