設置動態固定高度，獲取頁面高度，減去多余高度。設置溢出自動

<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>

結果如下

總結

以上是生活随笔為你收集整理的react给div添加滚动条的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。