Прокрутка div в Angular 7

Question

Я создаю простую функциональность перетаскивания.

При перетаскивании элемента я хочу прокрутить div на некоторое количество сверху или снизу.

Я использую угловой материал cdk drag and drop.

Контейнер:

<div cdkDropList (cdkDropListDropped)="dropElement($event)" #ordersList>

Я ссылаюсь на контейнер с элементами, используя:

@ViewChild('ordersList', {read: ElementRef}) ordersListRef: ElementRef;

Как мне изменить положение прокрутки этого элемента, что-то вроде этого не работает

this.ordersListRef.nativeElement.scrollTop += 20;

Answer 1

Привет, убедитесь, что вы устанавливаете нативный элемент в контейнер с прокруткой, у меня возникла та же проблема, что и у вас, и вы заметили, что использовали не тот элемент. Но это не решает проблему, теперь она прекрасно прокручивается, но после прокрутки она не распознает новые элементы, поэтому, например, если вы перетаскиваете и прокручиваете вниз, выпадет последний элемент, который вы видели перед прокруткой.