Css SlickNav固定标题导致菜单不可滚动

我在这里尝试了SlickNav固定头的解决方案：

这是可行的，但我有一个问题：我冗长的导航菜单列表不能再滚动了，它在屏幕底部卡住了。有解决办法吗

多谢各位

编辑： 我从原来的slicknav软件包更改为再现问题：

1） 在第78行（.slicknav_菜单）之后的dist/slicknav.css中添加以下行以获得固定标题：

/* change to make sticky menu */
/* but this overrides top of each page, to fix */
/* also the whole menu could no longer be scrolled!  */
/*  https://stackoverflow.com/questions/19854185/how-to-make-a-fixed-header-with-slicknav*/
  display: block;
  position: fixed;
  width: 100%;
  top: 0;

2） 在父项2第7项（第39行）之后，向demo/index.html添加一个很长的菜单项列表：

父1


家长3










非链接项
家长2






先添加项目
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
增加第1项
最后添加项目

现在，当您使用移动模式时，无法看到最后一个项目行“Added item last”，因为菜单列表太长，不再像在1）中设置固定标题之前那样可滚动

顺便说一下，通过搜索，我发现其他用户也有类似的问题：

---

在共享HTML和CSS之前，无法回答此问题。如果您制作一个片段、小提琴或代码笔来演示不需要的行为，它也会有所帮助。

<ul id="menu">
    <li>Parent 1
        <ul>
            <li><a href="#">item 3</a></li>
            <li>Parent 3
                <ul>
                    <li><a href="#">item 8</a></li>
                    <li><a href="#">item 9</a></li>
                    <li><a href="#">item 10</a></li>
                </ul>
            </li>
            <li><a href="#">item 4</a></li>
        </ul>
    </li>
    <li><a href="#">item 1</a></li>
    <li>non-link item</li>
    <li>Parent 2
        <ul>
            <li><a href="#">item 5</a></li>
            <li><a href="#">item 6</a></li>
            <li><a href="#">item 7</a></li>
        </ul>
    </li>
    <li>Added item First</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item 1</li>
    <li>Added item Last</li>

</ul>