react-virtualized - 避免使用网格组件和网站标题的双滚动条

Question

我正在尝试向使用该<Grid>组件的网站添加网站标题。如何嵌套网站标题以避免获取浏览器滚动条和<Grid>滚动条？

我想将 Grid 向下推以允许网站标题，同时允许 Window / Browser 控制两者的滚动。

我正在使用这些组件 <WindowScroller><AutoSizer><Grid>

我在https://bvaughn.github.io/react-virtualized/上看到它正常工作的 WindowScroller（使用该VirtualScroll组件）。

Answer 1

确保autoHeight在 inner 上指定属性Grid。这个属性告诉它溢出而不是滚动。

所以你想要这样的东西：

<WindowScroller>
  {({ height, isScrolling, scrollTop }) => (
    <AutoSizer disableHeight>
      {({ width }) => (
        <Grid
          autoHeight
          height={height}
          rowRenderer={({ index }) => this._rowRenderer({ index, isScrolling })}
          scrollTop={scrollTop}
          width={width}
          {..otherProps}
        />
      )}
    </AutoSizer>
  )}
</WindowScroller>