禁用该列表上的滚动

Question

I am creating a slider based on master slider I want to remove scroll event on thumb-list so that user can not scroll thumb list .I checked all the option in admin site but not working and no option for stop thumb scroll.I also tried jquery but not succeed any help should be appreciated I want to stop scroll only on the thumb list not whole body.

   function preventDefault(e) {
          e = e || window.event;
          if (e.preventDefault)
              e.preventDefault();
          e.returnValue = false;  
        }

        function preventDefaultForScrollKeys(e) {
            if (keys[e.keyCode]) {
                preventDefault(e);
                return false;
            }
        }

        function disableScroll() {
          if (window.addEventListener) // older FF
              window.addEventListener('DOMMouseScroll', preventDefault, false);
          window.onwheel = preventDefault; // modern standard
          window.onmousewheel = document.onmousewheel = preventDefault; // older browsers, IE
          window.ontouchmove  = preventDefault; // mobile
          document.onkeydown  = preventDefaultForScrollKeys;
        }
disableScroll();

Answer 1

Try using this css it will block scrolling

 body, html { 
        overflow-x: hidden; 
        overflow-y: auto;
    }