Как мне автоматически прокрутить в Angular?

Question

Я получил динамический компонент, куда я добавляю карты материалов по горизонтали. После нескольких карточек компонент заполняется, и я могу прокрутить компонент. Но как сделать так, чтобы он автоматически прокручивался по горизонтали, чтобы мне не приходилось постоянно использовать мышь?

Я уже пробовал играть с некоторыми атрибутами CSS, такими как переполнение и так далее.

.blocksWrapper {
  display: flex;
  overflow: auto;
  min-height: 305px;
}

Я ожидаю, что он автоматически прокручивается по горизонтали.

Вот как это должно выглядеть:

Но вместо этого он никогда не прокручивается автоматически.

Answer 1

Нет автоматической функции автоматической прокрутки div при изменении размера.
Я полагаю, вы динамически добавляете свои карты с помощью какой-нибудь кнопки?Тогда вы можете прокручивать программно при добавлении карты!

Вот несколько предложенных решений:

• Вы можете использовать метод jquery " scrollLeft () ".Просто установите горизонтальную прокрутку на что-то вроде 99999, чтобы быть уверенным, что он идет как можно дальше.
• Измените поведение scrollTo() вашего HTML-элемента по умолчанию (см. thread ).
• Используйте директиву css direction: rtl, чтобы установить положение полосы прокрутки по умолчанию вправо (см. thread )

Вот примериспользуя решение 2) : https://angular -dfjmej.stackblitz.io

Возможно, это не тот рендер, который вам нужен, но тогда дело только в настройках.