当您停止在链接上悬停时，我如何重置div的滚动

Question

我想做的是，当您将鼠标悬停在下拉菜单项上时，滚轮会重置。我已经尝试了几个可以在网上找到的选项，但我似乎无法让它发挥作用。

有人知道怎么做吗？

function resetScroll(){
var scrollPosition = document.getElementsByClassName('list_in_column');
console.log(scrollPosition);
scrollPosition.scrollTop = 0;
}

https://jsfiddle.net/Amyttyl/uyh5g7zo/

我试过jQuery中的ScrollTop和ScrollTo函数，但它们似乎对我不起作用。我只是jQuery的初学者，所以我不知道自己做错了什么。

Answer 1

我在菜单上使用的display:none使其无法滚动到。将CCD_ 2改变为CCD_；pointer-events: none;并使用此javascript

document.querySelectorAll('.mega-drop-down').forEach(dropdown => {
dropdown.addEventListener('mouseleave', (element) => {
dropdown.querySelector('.row').scrollTo({
top: 0,
behavior: 'smooth',
});
});
}
);

让它工作得很好，正如你在下面的小提琴中看到的那样https://jsfiddle.net/9c7g86w1/