Использование анимации jquery 5 угловой способ анимации (для плавной прокрутки)

Question

Я использую JQuery для плавной прокрутки таким образом

 $('.parent-class').animate({
  scrollTop: $('#scrllhere').offset().top + 10
}, 800);

Цель здесь - щелчок, я вызываю одну функцию, основанную на определенных условиях. Я использую приведенный выше код для прокрутки, это работает нормально, но я хочу добиться того же, используя угловую 5-анимацию без использования jquery.

моя функция такая

  smoothScroll(){
        $('.parent-class').animate({
        scrollTop: $('#scrllhere').offset().top + 10
    }, 800);

  }

Теперь я хочу добиться того же, не используя jquery

После просмотра анимационных документов angular 5 https://angular.io/guide/animations

Я немного запутался, как использовать animate() на лету для прокрутки. Обратите внимание, что при прокрутке не происходит никаких изменений состояния.

Изменить: Даже решение в Javascript без использования JQuery хорошо.

Спасибо