固定位置菜单在顶部和下面的元素上的锚定链接上的固定菜单

Question

我有一个设计，我的标头菜单设置为固定位置，在菜单中，有锚定链接到同一页面。当用户单击此锚点链接时，页面向下滚动，但菜单上隐藏了顶部。

如何抵消菜单下方的内容div？

我通过localscroll js成功地完成了此操作，但它似乎仅在链接上使用，而不是下拉菜单，该菜单在较小的屏幕宽度（移动版本）上显示：

jQuery( '#top, #wrapper' ).localScroll({offset: -150});

地址是：http：//www.conversionflow.nl/（请使用智能手机或窗口宽度＆lt; 750px检查 - 以显示下拉菜单）

事先感谢您的帮助。

Answer 1

html{
    scroll-padding-top: 5rem;
}

Answer 2

假设菜单的高度为75px，并且内容div具有#Content的CSS ID，请在CSS中尝试以下内容：

#content{ 
    margin-top: 75px; 
}