在React中使div可滚动

Question

如果我在那里的元素列表长于一个值，我试图只使我的页面的下半部分可以滚动。

我有一个Scrollable组件，我将它添加到围绕我页面下半部分的渲染中，但它不起作用。

我看到的唯一区别是当我最小化页面时，整个页面都可以滚动。

我的代码如下所示：

 render() {
    return (
     ...
 <Scrollable>
    <div>
         <div className="bottom-half">My list</div>
         ... other stuff 
   </div>
 </Scrollable>

 ...
 );
}

组件工作正常。任何想法如何解决这个问题？