react给div添加滚动条

设置动态固定高度，获取页面高度，减去多余高度。设置溢出自动

 <div style={{ height: document.body.clientHeight - 172, overflow: 'auto' }}>{Dom}</div>

MAC页面展示正常，但Windows展示有些突兀。如下

解决办法：
react引用ant UI滚动条组件
安装依赖

yarn add react-custom-scrollbars

引入

import { Scrollbars } from 'react-custom-scrollbars';

用标签包裹div，并且把style去掉

<Scrollbars>
    <div>{Dom}</div>
</Scrollbars>

结果如下