A hack to prevent scroll chaining in Vanilla JS (re-wrote the code from here https://stackoverflow.com/a/39307075/5952509); btw, you should just use overscroll-behavior: none;

scrollPreventer.js

      var element = document.getElementsByClassName("your-class-here")[0];

      var scrollHandler = function (e) {
        e.preventDefault();
        document.documentElement.scrollTop = window.currentScrollTop;
        document.documentElement.scrollLeft = window.currentScrollLeft;
      };

      element.addEventListener('mouseenter', function () {
        var scrollTop = document.documentElement.scrollTop;
        window.currentScrollTop = scrollTop;
        window.currentScrollLeft = scrollTop;

        window.addEventListener("scroll", scrollHandler)
      });

      element.addEventListener('mouseleave', function () {
        window.removeEventListener('scroll', scrollHandler);
      })