Lo que estoy tratando de hacer es cuando pasa el mouse sobre los elementos del menú desplegable, la rueda de desplazamiento se reinicia. He probado varias opciones que he podido encontrar en línea, pero parece que no puedo hacer que funcione.
¿Hay alguien que tenga una idea de cómo hacer esto?
function resetScroll(){ var scrollPosition = document.getElementsByClassName('list_in_column'); console.log(scrollPosition); scrollPosition.scrollTop = 0; }https://jsfiddle.net/Amyttyl/uyh5g7zo/
Probé ScrollTop ( https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTop ) y ScrollTo ( https://developer.mozilla.org/en-US/docs/ Web/API/Element/scrollTo ) funciona en jQuery pero parece que no funcionan para mí. Solo soy un principiante en jQuery, así que no sé qué estoy haciendo mal.
La display:none que estaba usando en mi menú hizo que el desplazamiento no funcionara. cambiar la display:none a opacity: 0 & pointer-events: none; y usando este javascript
document.querySelectorAll('.mega-drop-down').forEach(dropdown => { dropdown.addEventListener('mouseleave', (element) => { dropdown.querySelector('.row').scrollTo({ top: 0, behavior: 'smooth', }); }); } );hizo que funcionara bien, como puede ver en el siguiente violín https://jsfiddle.net/9c7g86w1/