抽屉里的内容不能滚动

Question

我正在尝试使用ant design 中的drawer 来显示一些内容。我注意到当抽屉的位置是左或右时，内容可以上下滚动。但是当抽屉的位置在顶部或底部时，内容无法滚动。

这是一个简单的例子：

在这个例子中，你可以看到它不能滚动。但是，如果将 nzPlacement 更改为 'left'，则滚动效果很好。

这背后的问题是什么？以及当nzPlacement在底部时如何使滚动起作用。

谢谢。

Answer 1

我认为，他们可能会忘记处理这种情况：

但是你可以通过解决这个问题：

.ant-drawer-content {
  height: 100%;
  overflow-y: scroll;
}

并添加 encapsulation : ViewEncapsulation.None 以在您的组件中反映上述样式

Content in drawer cannot scroll