Encountering an unusual issue where the browser's mouse scroll wheel stops working after an animation is triggered. The only solution seems to be refreshing the browser and avoiding hovering over the element that triggers the animation. Essentially, when I hover over the element, it causes a scrolling action to occur. It functions as intended initially, but afterwards, my scroll wheel becomes unresponsive.
Below is the snippet of code in question:
<script>
$(function() {
$('#product-home').hover(function(){
$('html, body').animate({
scrollTop: $("#navigation").offset().top - 250
}, 2000);
return true;
});
});
</script>
The issue seems to resolve itself in Firefox, but Chrome necessitates a fresh start. Wondering if there's any need to reset the scroll or perform some other action?