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