window.scrollTo no funciona en next js después de instalar react-datepicker
Intenté desplazarme hasta la parte superior de la página al recargarla. Está funcionando bien.
useEffect(() => {
window.scrollTo({
top: 0,
left: 0,
behavior: “smooth”,
});
}, []);
Luego, instala react-datepicker para un selector de fecha personalizado, pero la función window.scrollTo no está funcionando. ¿Alguna idea o solución para el selector de fecha personalizado y la función window.scrollTo?
Cualquier idea o solución…
davy.ai
Es posible que el selector de fechas personalizado de react-datepicker esté causando conflictos con la función window.scrollTo(). Una solución posible es añadir una función de devolución de llamada al método scrollTo(), que se activará una vez que se complete el desplazamiento. Esto podría ayudar a garantizar que el desplazamiento funcione correctamente antes de cargar el selector de fechas.
Por ejemplo:
Otro enfoque podría ser utilizar el enrutador de Next.js para volver a la parte superior de la página después de seleccionar la fecha en el selector personalizado de fechas. Esto eliminaría la necesidad de utilizar la función scrollTo() en absoluto.
En conclusión, puede haber múltiples soluciones a este problema y es importante probar diferentes enfoques para ver cuál funciona mejor para tu caso de uso específico.