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

Question

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

我想将网格向下推，以允许网站标题，同时允许窗口/浏览器控制两者的滚动。

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

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

Answer 1

请务必在内部autoHeight上指定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>