在angularjs中对scrollLeft进行动画处理

Question

因此，我尝试为从$event获得的元素设置scrollLeft属性的动画。我可以轻松地设置scrollLeft，但是它没有动画。因此，我尝试向其添加animate()方法，使其不再滚动。这里有我想念的东西吗？

功能：

vm.scrollChipsContainer = function (event, direction) {
  var element = event.target.parentElement;
  var scrollPos = element.scrollLeft;
  switch (direction) {
    case 'right':
      event.target.parentElement.animate({scrollLeft: scrollPos + 100}, 100);
      break;
    case 'left':
        event.target.parentElement.animate({scrollLeft: scrollPos - 100}, 100);
      break;
    default:
    break;
  }
};

Answer 1

使用

 element.scrollTo({
  left: your_value,
  behavior: 'smooth'
});

https://stackblitz.com/edit/angular-wo2imk