reactjs - React-Perfect-Scrollbar 和 Material UI

Question

我正在尝试（没有成功）让 react-perfect-scrollbar 在我的 material-ui 应用程序中工作。

我已经提取了一个简单的版本到https://codesandbox.io/s/agitated-resonance-4yxzo

目的是仅使“内容”部分（带有 lorem-ipsum 的位！）可滚动，并且滚动条仅在此内容区域内可见。

有任何想法吗？

干杯!

Answer 1

需要进行 2 项更改才能使其正常工作

1. 导入 PerfectScroll 的 css

   import "react-perfect-scrollbar/dist/css/styles.css";
   

2. 创建一个具有一定高度的包装器，否则会随着内容的需要而增长

这是您的代码的一个分支： https ://codesandbox.io/s/quirky-matsumoto-pvcn1