动态设置可滚动列表中可见的元素数量

Question

我需要构建一个可滚动列表，在其中可以动态指定可能具有不同高度的可见元素的数量（例如size元素的select属性，如下图所示）：

我唯一能做的就是设置一个scrollable道具并具有一个静态高度，但是如果我改变了某些子项的高度（使用带有样式的组件和scrolling道具）：

const List = styled.div`
  max-height: ${(props) => (props.scrolling ? '115px' : 'auto')};
  overflow-y: auto;
`

<List scrollable={true} />

有什么想法要实现吗？