ES
RU
EN
ZH
FR
DE
PT
AR
HI
learn_code38
·
Cómo desplazar suavemente la página a un elemento por su ID o clase con JavaScript/jQuery
¡Hola a todos! Soy nuevo en el desarrollo web y me encontré con esta tarea: en mi página hay una lista larga y al final hay un botón "Arriba". Al hacer clic en él, necesito desplazar la página suavemente (con animación) hasta la parte superior. Pero no puedo hacer que funcione.
Aquí está mi código:
```html
```
```javascript
// Intento hacer scroll al elemento con id="footer"
$('#goTop').click(function() {
$('#footer').scroll(); // No funciona
// O así:
window.scrollTo(0, $('#footer').offset().top); // Simplemente salta, sin animación
});
```
He probado diferentes opciones, pero nada funciona. ¿Cómo hacer correctamente un scroll suave a un elemento? Necesito que al hacer clic en el botón, la página se desplace suavemente al bloque #footer (o a cualquier otro elemento). Preferiblemente en JavaScript puro, pero si es necesario, estoy listo para usar jQuery. Por favor, indíquenme cómo implementarlo correctamente.
