材质 Ui、MUI、Dialog、ScrollTop

【问题标题】：Material Ui, MUI, Dialog, ScrollTop材质 Ui、MUI、Dialog、ScrollTop
【发布时间】：2021-09-29 04:17:14
【问题描述】：

一段时间以来，我一直在使用 Material-Ui 的 scrollTop 和 Dialog 组件（A fullscreen fixed modal）...我无法完全理解 scrollTop强>工作。 当我单击向下按钮时，它总是会给我未定义的，或者它在可滚动容器中根本不起作用。

【问题讨论】：

标签： javascript css reactjs material-ui

【解决方案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

【讨论】：