Горизонтальная прокрутка с помощью кнопок на angular2 ⇐ CSS

[Anonymous]

Итак, у меня есть приложение в angular2, где мне нужно прокручивать компонент по горизонтали, но с помощью кнопок вправо и влево. Поэтому мне нужна функция для каждой кнопки, которая прокручивает содержимое вправо или влево. Мне нужно что-то вроде этого:



Я пробовал использовать document.getElementById('myscrolldiv').animate({ ScrollLeft: "-=" + 250 + "px"; , но Angular не распознает анимацию строка.

Поэтому я ищу другой способ горизонтальной прокрутки с помощью кнопок, но НЕ с помощью jquery. Есть ли способ сделать это в angular?
Вот мой HTML

Код: Выделить всё

keyboard_arrow_left



WIDGET

WIDGET

WIDGET

WIDGET

WIDGET

WIDGET




keyboard_arrow_right

А вот мой CSS

Код: Выделить всё

.container {
display: flex;
height: 22.5vh !important;
}

.side {
width: 50px;
height: 22.5vh !important;
}

.middle {
flex-grow: 1;
height: 22.5vh !important;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
}

Итак, как мне прокручивать вправо и влево, нажимая кнопки? пожалуйста, помогите.

Подробнее здесь: https://stackoverflow.com/questions/489 ... n-angular2