Избегайте двойных полос прокрутки с компонентом Grid и заголовком веб-сайта

Question

Я пытаюсь добавить заголовок веб-сайта на свой сайт, который использует компонент <Grid>. Как я могу вложить заголовок веб-сайта, чтобы избежать появления полосы прокрутки браузера и полосы прокрутки <Grid>?

Я хочу нажать Grid, чтобы разрешить заголовок веб-сайта, позволяя Window/Browser управлять прокруткой для обоих.

Я использую эти компоненты <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>