使用 List 和 AutoSizer 滚动到第一个元素不起作用

Question

我想在用户单击分页按钮时向上滚动到列表中的第一个元素。到目前为止，我遇到了 scrollToRow 和 scrollToIndex，但它们都没有用。

这是我当前的代码：

<AutoSizer disableWidth>
{({ height }) => (
    <div>
        <List
            ref="list"
            height={height}
            rowCount={this.state.items.length}
            rowHeight={115}
            rowRenderer={this._rowRenderer}
            width={1}
            scrollToRow={0}
            containerStyle={{
                width: '100%',
                maxWidth: '100%',
            }}
            style={{
                width: '100%',
                marginBottom: '10px',
            }}
        />
    </div>
)}
</AutoSizer>

Answer 1

经过一番思考，我发现没有必要再使用react-virtualized package了。因为我重构了列表以利用一次显示 24 个项目的 SSR 分页。所以，这是一个大材小用。

无论如何，我只是重复使用相同的 _rowRenderer() 函数将项目映射到列表中。为了实现滚动行为，我只是添加了“溢出：滚动”的样式道具。就这些了。

使用 List 和 AutoSizer 滚动到第一个元素不起作用

scroll to first element using List and AutoSizer doesn't work

reactjs

react-virtualized