模态叠加内的可滚动菜单列表向上跳跃

Question

我有一个菜单组件，可以打开一个可滚动的菜单列表。当它位于模态叠加层之外时，它可以毫无问题地滚动。不过，当放置在模态叠加层内时，它很难向下滚动。向下滚动时，它会到达某个点，然后向上跳跃，使其无法到达底部。如果你手动按下并滚动就可以了。向上滚动没有任何问题。

它在 Safari 中也运行良好。它在 Chrome 中不起作用。

Answer 1

我发现我的问题出在 .cdk-virtual-scroll-content-wrapper 中。这帮助解决了我的问题：

.cdk-virtual-scroll-content-wrapper {
  overflow-y: scroll !important;
}