顶部在 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>