我遇到了一个问题，当在移动设备上切换下拉菜单时，组成下拉菜单的 flex 列中的某些元素会溢出屏幕，我想给它们一个 Y 滚动功能，但是在应用时它到 // Label item
Label {
id: labelFirst
text: websocket.status == someStatus ? option_1 : option_2
}
或 #market_menu，似乎要等到我到达正文的底部，然后才允许我实际向下滚动溢出的下拉菜单，这在移动设备上尤其成问题，其中菜单几乎总是 Y 溢出 VH。
这个问题可以用下面的codepen复现，当页面渲染宽度小于865px，渲染高度小于下拉菜单的总高度时，如果你使用codepen的调试视图和浏览器在inspect 元素中内置响应式设计测试工具，您可以模拟移动显示的大小，并且您会注意到，在切换时，下拉菜单会等到整个主体都滚动后才允许用户滚动到其底部，这在这里不受欢迎。
点击“市场”以切换下拉菜单的可见性。
代码笔：https://codepen.io/roomwillow/pen/VwpZXGa
相关的 HTML 是第 7-20 行
相关 CSS 是第 29-95 行