Событие прокрутки не запускается в Angular-6 ⇐ CSS

[Anonymous]

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

Я работаю над проектом Angular-6. Я пытаюсь получить событие Window-Scroll в одном из компонентов с именем SectionComponent.

Стили тега html и body:

Код: Выделить всё

html, body {
overflow: auto;
position: relative;
margin: 0;
height: 100%;
}

Ниже представлена ​​иерархия компонентов, которая объясняет, как управляются компоненты.

Мой AppComponent:

HTML:

Код: Выделить всё

CSS:

Код: Выделить всё

#wrapper {
width: 100vw;
height: 100vh;
position: relative;
overflow: auto;
}

app.comComponent.ts:

Код: Выделить всё

  @HostListener('window:scroll', [])
onWindowScroll() {
console.log('scroll');
}

AppComponent загружает компонент с именем HomeComponent в тег router-outlet. Этот HomeComponent загружает SectionComponent с помощью селектора.

Мой HomeComponent:

HTML:

Код: Выделить всё

CSS:

Код: Выделить всё

.home-wrapper {
position: relative;
overflow-y: auto;
height: 100%;
}

home.comComponent.ts:

Код: Выделить всё

  @HostListener('window:scroll', [])
onWindowScroll() {
console.log('scroll');
}

Мой Компонент секции

HTML:

Код: Выделить всё

CSS:

Код: Выделить всё

.section-wrapper {
position: relative;
height: 2241px;
}

section.comComponent.ts:

Код: Выделить всё

  @HostListener('window:scroll', [])
onWindowScroll() {
console.log('scroll');
}

Я хочу использовать Window-Scroll только в SectionComponent. Но ни один из компонентов не запускает событие. Что я делаю не так?


Подробнее здесь: https://stackoverflow.com/questions/524 ... -angular-6