抽屉中的内容无法滚动

时间:2019-10-21 05:14:21

标签: ng-zorro-antd

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

这是一个简单的例子:

https://stackblitz.com/edit/ng-zorro-antd-start-7tkpcy

在此示例中,您可以看到它无法滚动。但是,如果将nzPlacement更改为“ left”,则滚动效果很好。

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

谢谢。

1 个答案:

答案 0 :(得分:0)

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

但是您可以通过以下方式解决此问题

put_in users,
  [Access.filter(&match?(%User{id: 2}, &1)), 
   Access.key(:attempts)],
  99
#⇒ [
#  %User{attempts: 5, id: 1},
#  %User{attempts: 99, id: 2},
#  %User{attempts: 2, id: 3}
#]

并添加.ant-drawer-content { height: 100%; overflow-y: scroll; } 以在组件中反映上述样式

WORKING DEMO