css 固定位置菜单在顶部,元素在锚链接下方

5cnsuln7  于 2022-12-15  发布在  其他
关注(0)|答案(2)|浏览(131)

我有一个设计,我的标题菜单被设置为固定位置,在菜单中有锚链接到同一页面。当用户点击这个锚链接,页面向下滚动,但顶部的一部分是隐藏的菜单。
我如何偏移内容div使其始终位于菜单下方?
我通过LocalScroll js成功地做到了这一点,但它似乎只对链接有效,而不是下拉菜单,下拉菜单显示在较小的屏幕宽度上(移动的版):

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

地址是:http://www.conversionflow.nl/(请用智能手机检查,或窗口宽度〈750 px-以便显示下拉菜单)
先谢谢你的帮助。

yhxst69z

yhxst69z1#

假设菜单的高度为75px,内容div的css id为#content,在css中尝试以下操作:

#content{ 
    margin-top: 75px; 
}
e0uiprwp

e0uiprwp2#

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

相关问题