React-Virtualized Autosizer高度问题

Question

我的父母div是父母的100％（反过来100％等），其中一个父母有一些填充。

AutoSizer不尊重底部的填充，并且列表在所有项目都被看到之前停止滚动。

<AutoSizer>
  {({ width, height }) => (
    <List
      height={height}
      rowCount={data.length}
      rowHeight={53}
      rowRenderer={this.rowRenderer.bind(this, data)}
      width={width}
    />
  )}
</AutoSizer>

祖父母的底部填充被忽略：

行提前停止渲染：

Answer 1

您提到的第二个问题表明您不接受/应用传递给行渲染器的style属性。有关说明，请参阅here。

  

AutoSizer不尊重底部的填充

对于这一点，听起来你的CSS设置得不是很正确。尝试在的任何内容上设置填充，但是AutoSizer的直接父级。 ：）