estoy realizando algunas pruebas para controlar el scroll en un div y no logro hacer lo siguiente: al hacer clic en un botón, quiero que el scroll de un div vuelva a cero. A continuación, les muestro brevemente lo que estoy haciendo:
si ahora presiono el botón Cancelar o Grabar, se cerrará esta pantalla y al volver a la misma desde acá:
cliqueando en NUEVA NOTICIA, quiero que la pantalla de carga de datos aparezca nuevamente seteada con el scroll en cero y no lo estoy logrando ya que me vuelve a aparecer con el scroll hacia el fondo de la pantalla, donde el usuario puede ver los botones para grabar o cancelar la edición.
El código que estoy intentando utilizar es el siguiente:
<script>
function TopeCero(){
var elem = document.getElementById('VentanaDtos');
elem.scrollTo = 0;
}
</script>
Este es el código que dispara la función TopeCero:
<div>
<div x-data="{AltaNuevaNoticia: $wire.AltaNuevaNoticia}">
<button onclick="TopeCero()" wire:click="VerForm()" class="mr-2 inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:ring focus:ring-gray-300 disabled:opacity-25 transition">NUEVA NOTICIA</button>
<section class="modal" x-cloak x-show="AltaNuevaNoticia = $wire.AltaNuevaNoticia" x-transition.duration.700ms>
<div id="VentanaDtos" class="modal__container1">
<div class="apartado margenInf15">
Haciendo un console.log(), puedo ver que llego hasta esa función, pero no se setea cero mediante el scrollTo que intento hacer sobre el div.
Desde ya, muchas gracias y quedo a la espera de vuestra ayuda.