0
388
Views¿Cómo obtener un elemento en el centro de la lista en el evento de desplazamiento en React?
Tengo una lista de números que se pueden desplazar verticalmente. Todo lo que quiero es que obtenga el elemento que se colocó en el centro de esa lista cuando se activa el evento de desplazamiento.
por ej. en esta pantalla quiero obtener 8
Aquí está la caja de arena
·
Juan Pablo Isaza
1 answers
Answer question0
Aquí hay una demostración usando la API - elementFromPoint
export default function App() { const refList = useRef(); function onScroll({ target }) { // get the computed dimension of the list const { height, width, x, y } = target.getBoundingClientRect(); // adding x and y as offsets. You may skip this const x1 = (width + x) / 2; const y1 = (height + y) / 2; console.log(document.elementFromPoint(x1, y1)); // prints the element from given point } return ( <div className="App"> <ul ref={refList} onScroll={onScroll} > {NUMBERS.map((i) => ( <li key={i}>{i}</li> ))} </ul> </div> ); }
·
Juan Pablo Isaza
Report
Answer question