菜单改变滑动的起始位置

【问题标题】：mmenu change starting positon of slidedown菜单改变滑动的起始位置
【发布时间】：2021-03-31 09:42:07
【问题描述】：

也许有人可以帮助我。我正在创建一个网站并希望使用 mmenu 进行导航。我想要的是从顶部向下滑动菜单，如https://mmenujs.com/docs/extensions/positioning.html 所示。我在页面顶部有一个导航栏（汉堡按钮等），就像上面提到的页面一样。菜单现在从顶部滑过这个导航栏。在上面提到的页面上，您可以看到完全相同的行为。如何告诉脚本在导航栏之后开始滑动，或者只是从特殊位置开始滑动，例如从顶部开始 40px。有人能帮帮我吗？谢谢

【问题讨论】：

标签： javascript mmenu

【解决方案1】：

您唯一需要更改的是选择器。

<script>
    document.addEventListener(
        "DOMContentLoaded", () => {
                new Mmenu( "#my-menu", {
                     "extensions": [
                            "position-back",
                            "position-top"
                     ]
                });
                        
                var header = document.getElementsByClassName('header');
                var navigation = document.getElementsByTagName('nav');
    
                if (header.length && navigation.length) {
                        navigation[0].style.marginTop = header[0].offsetHeight + "px";             
                }
        }
    );
</script>

【讨论】：

感谢您的回复，但这不起作用。幻灯片仍从网站顶部开始。但我想在标题部分之后开始幻灯片。我认为这是 body 元素的包装类的问题，但不知道如何使其工作。