Скрыть элемент Div, когда пользователь прокручивает вниз в Angular

Question

Есть ли angular способ скрыть элемент div, когда пользователь прокручивает страницу вниз, и снова показать этот элемент, когда пользователь прокручивает страницу вверх.

Answer 1

ниже приведена ссылка на рабочий код, я создал один пример для того же. Использование pageYOffset windows для скрытия элемента div при прокрутке вниз.

Скрыть элемент Div при прокрутке пользователя вниз по Angular

добавить в файл component.ts

import {HostListener } from '@angular/core'; @HostListener('window:scroll', ['$event']) getScrollHeight(event) { if(window.pageYOffset> 0 ) this.offsetFlag = false; else this.offsetFlag = true; }

добавить offsetFlag к соответствующему элементу, чтобы скрыть его в HTML ( файл шаблона)