0
364
VistasMaterial Ui, MUI, Diálogo, ScrollTop
Estuve jugando mucho con scrollTop y el componente Diálogo ( un modal fijo de pantalla completa ) de Material-Ui durante algún tiempo ... y no pude hacer que scrollTop funcionara. Cuando hago clic en el botón Ir hacia abajo, siempre me da indefinido o no funciona en absoluto en el contenedor desplazable .
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Todo lo que se necesitaba era necesario
Asegúrese de que el div dentro del Diálogo se haya desbordado
<Dialog fullScreen open={open} onClose={handleClose}> <div ref={ref} //MOST IMPORTANT style={{ backgroundColor: 'red', overflowY: 'auto', height: '100%' }}>**Y un onClick**
<Button autoFocus color="inherit" //HERE onClick={() => { const div = ref.current; div.scrollTop = 800; }} >GO DOWN </Button>Aquí hay un ejemplo https://codesandbox.io/s/fullscreendialog-material-demo-forked-cf8u6?file=/demo.js:2201-2434
·
Juan Pablo Isaza
Denunciar
Responde la pregunta