在Angular 6中的div中自动滚动

Question

我正在使用Angular 6，在div元素内进行自动滚动时遇到问题。我正在寻找类似我们的东西：

var my_time;
$(document).ready(function() {
  pageScroll();
  $("#contain").mouseover(function() {
    clearTimeout(my_time);
  }).mouseout(function() {
    pageScroll();
  });
});

function pageScroll() {  
    var objDiv = document.getElementById("contain");
  objDiv.scrollTop = objDiv.scrollTop + 1;  
  $('p:nth-of-type(1)').html('scrollTop : '+ objDiv.scrollTop);
  $('p:nth-of-type(2)').html('scrollHeight : ' + objDiv.scrollHeight);
  if (objDiv.scrollTop == (objDiv.scrollHeight - 100)) {
    objDiv.scrollTop = 0;
  }
  my_time = setTimeout('pageScroll()', 25);
}

https://codepen.io/salman31/pen/dYdGLa?editors=1011

这是通过jquery完成的，我没有找到如何在Angular 6中做到这一点。

也许我可以使用垂直旋转木马，但找不到好..