Александр Флоренко

Пересмотрел конфиг, и понял, что сделал не так.

Добавил себе ф-ю

const getHead = vm => {
  const { head } = vm.$options
  if (head) {
    return typeof head === 'function'
        ? head.call(vm)
        : head
  }
}

Сам head сделал ф-ей, которая возвращала нужный объект, и проблема решилась)

И так)
Как же все просто было)

У ссылки и выпадашки есть общий родитель, в свойствах которого есть perspective: 2000px;

у выпадашки анимация с перспективой.

А у ссылки ничего подобного нету.
Вот и срабатывала на неё эта анимация( что не особо логично)

Но помогло свойство backface-visibility: hidden; на ссылку.

Как посоветовал Сергей delphinpro отнял от хода ползунка разницу между высотой скролла заданную через CSS и высотой, которую считает скрипт.
И теперь все пиксель в пиксель)

let scrollHeight = (scrollWrap.clientHeight * scrollVis.clientHeight / scrollVis.scrollHeight);
let scrollTop = (scrollWrap.clientHeight - 30 + scrollHeight) * scrollVis.scrollTop / scrollVis.scrollHeight;

Проблему решил.
Собственно проблемы и не было)
Я запуска собранную версию с помощью serve
Не работало.
А заработало с http-server