ng-zorro-antd - 抽屉里的内容不能滚动

Question

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

这是一个简单的例子：

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

这背后的问题是什么？当 nzPlacement 位于底部时，如何使滚动工作。

谢谢。

score 1 · Accepted Answer

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

但是您可以通过以下方式解决：

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

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

1 回答 1