For now, you must use custom CSS to solve this (No way to solve this by the way you tried).
Very simple way to solve this is to add active class on scroll - and than use custom CSS:
<style>
.navbar.active .nav-link:hover {
border-color: rgb(0, 0, 0); /* black */
color: rgb(0, 0, 0);/* black */
}
</style>
You should toggle the class active by simple jquery.
Guide here:
After this - No need for any interactions.