React-Perfect-Scrollbar和Material UI

Question

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

我已将一个简单的版本提取到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