Прокрутка до конца div, а затем появится снова

#angular #typescript #filter #scroll #position

Вопрос:

У меня есть приложение в Angular 11.0.

У меня есть DIV, который отображается в правой части экрана и содержит «фильтр» для данных, размещенных в левой части экрана.

Длина фильтра больше, чем длина экрана.

Я хочу, чтобы он прокручивался до конца фильтра, а затем появится кнопка «показать все фильтры». Нажав на него, вы снова откроете фильтр, расположенный на том месте, где мы находимся на экране.

Пример, подобный этому:

 lt;div class="container"gt;  lt;div class="col-md-4"gt;  lt;div style ="position:??"gt;long long filterlt;/divgt;  lt;button style ="position: sticky" (click)="openFilter();"gt;  show all filter  lt;/buttongt;  lt;/divgt;  lt;div class=" col-md-8 " gt;  lt;divgt;all data shown by the filterlt;/divgt;  lt;/divgt; lt;/divgt;