ScrollIntoView проктутка внутри элемента. Как убрать прокрутку основной области сайта
 

Есть вот такое:

https://jsfiddle.net/a4sczwx7/11/

При открытии выпадающего списка в селекте и нажатии на клавиатуре на букву, на которую начинается опция, к ней выполняется скролл при помощи метода scrollIntoView. Но и вместе с тем выполняется скролл всего body. Есть способ как это убрать?

Я наткнулся на похожую тему, но там предлагают указать body overflow: hidden - такое не подходит. Хотелось бы оставить метод ScrollIntoView, но пофиксить скролл body, что бы он не скроллился.

CryNet,

if(target){
       target.parentNode.scrollTop =  target.offsetTop;
   };

Спасибо большое :)