我想知道是否有任何方法可以在列表末尾添加填充底部。 我需要这个,因为我在列表的底部有一个物质浮动按钮。因此,如果用户转到列表的末尾,该填充将保存按钮中要覆盖的最后一项。
三江源
答案 0 :(得分:3)
它不是填充,但你可以在包含所有项目的div中添加边距 这样的事情:
.ReactVirtualized__Grid__innerScrollContainer {
margin-bottom: 100px;
}
答案 1 :(得分:0)
.ReactVirtualized__Grid__innerScrollContainer[style] {overflow:visible !important;}
react-select
的版本9使用内联样式来设置溢出。我使用了此工具,因此可以在网格末尾下方看到工具提示(当网格不能占据整个屏幕时)。请参阅反应选择库代码片段:
<div
className="ReactVirtualized__Grid__innerScrollContainer"
role={containerRole}
style={{
width: autoContainerWidth ? 'auto' : totalColumnsWidth,
height: totalRowsHeight,
maxWidth: totalColumnsWidth,
maxHeight: totalRowsHeight,
overflow: 'hidden',
pointerEvents: isScrolling ? 'none' : '',
position: 'relative',
...containerStyle,
}}>
答案 2 :(得分:0)
您可以设置列表中最后一项的高度以包括填充,因为可以将rowHeight传递给函数。
然后您要做的就是设置列表项的样式,以使最后一项的额外高度为空白,边距底部或内部内容的固定高度为准。
https://github.com/bvaughn/react-virtualized/blob/master/docs/List.md#prop-types。