Material Ui, MUI, Dialog, ScrollTop

Question

一段時間以來，我一直在使用 Material-Ui 的 scrollTop 和 Dialog 組件（一個全屏固定模態）......我無法完全讓scrollTop工作。 當我單擊 go 向下按鈕時，它總是給我 undefined 或它在可滾動容器中根本不起作用。

Answer 1

該有的都有

確保 Dialog 中的 div 溢出

<Dialog fullScreen open={open} onClose={handleClose}>
        <div ref={ref}  
//MOST IMPORTANT
 style={{ backgroundColor: 'red', overflowY: 'auto', height: '100%' }}>

**還有一個 onClick **

<Button
autoFocus
color="inherit"
//HERE
onClick={() => {
const div = ref.current;
div.scrollTop = 800;
}}
>GO DOWN
</Button>

這是一個例子https://codesandbox.io/s/fullscreendialog-material-demo-forked-cf8u6?file=/demo.js:2201-2434