Сценарий
Мы получили mat-toolbar и mat-tab-group - нам нужно поведение, похожее на GIF ниже, т.е. когда мы прокручиваем вниз, mat-tab-group (Кошки вGIF ниже) прокручивается и mat-toolbar (Домашние животные в GIF ниже) прячется, только чтобы снова появиться после прокрутки назад.
Код
Подходы, которые я пробовал:
- Пытался использовать событие прокрутки, но не смог определить, прокручивается либыл вверх или вниз, потому что цифры
offsetHeight и offsetTop не изменились.offsetTop & offsetHeight изменяются, когда полное окно прокручивается, значения не изменились с нашей прокруткой, которая находится внутри mat-tab-group. - Попробовал наблюдаемый для прокрутки мыши, который работает в целомстраница, но перестает захватывать свиток внутри нашего
mat-list
Вопрос:
- Как захватить свиток внутри
mat-tab-group? - Если это неправильный способ достижения этого, ищите руководство по правильному подходу
- GIF был взят из Стандарт дизайна материала