Javascript 无法在固定标题内滚动移动下拉菜单

因此，我制作了一个固定的下拉菜单，将其更改为移动设备的汉堡包菜单。在桌面上一切正常，但在手机上我无法滚动菜单项。我已经尝试了很多建议的修复方法，但是没有一个能解决我的问题。我遇到的大多数修复包括以下几种形式，但都不起作用：

max-height: 300px;
overflow-y: scroll;

这是我现在拥有的一把小提琴：

---

黑色方块是移动汉堡按钮。有人知道如何让手机正常、顺畅地工作吗？任何帮助都将不胜感激。非常感谢。

静态位置将阻止滚动。 所以要解决这个问题，你必须将你的菜单设置为一个类似移动设备的相对位置

因此，对于

@media only屏幕内的
.header
选择器和（最大宽度：960px）

媒体查询，将位置设置为相对

@media only screen and (max-width: 960px) {
    .header {
        padding-bottom: 0;
        position: relative;
    }
}

编辑1: 要保持固定菜单，一个选项是将下拉部分设置为带有溢出y的绝对位置

@media only screen and (max-width: 960px)
    .header .header__column--navigation {
        margin-top: 80px;
        position: absolute; //Added
        min-height: calc(100vh - 110px); //Added: set the second parameter of calc to the height of your header. ex: https://c.flm.pw/2018-06/6oiip.png
        height: 100%; //Added: Tell the absolute div to take up as much height as it needs.
        overflow-y: auto; //Added: Make the absolute div have the ability to scroll, but hide the scrollbar when it doesn't.
    }
}

---

嘿谢谢你的回复。不幸的是，要求在桌面和移动设备上都有一个固定的标题，因此我需要一个解决方法，使我能够在移动设备上保留固定的标题。@doitliketyler我对我的答案进行了编辑，解决了这个问题。嗨，Austin。这很好地解决了-webkit溢出滚动：触摸；加入。非常感谢你在这方面的帮助。干杯