고정 탐색 모음을 다른 구성 요소 내에서 작동시키는 방법은 무엇입니까?

Question

내 프로젝트에는 다음과 같은 구조가 있습니다:

<app-nav-bar></app-nav-bar>
    <앱-슬라이더></app-slider>
    <앱-솔루션></app-solution>
    <앱 플랫폼></app-플랫폼>
    <앱팀></앱팀>
    <app-contact></app-contact>
    <app-footer></app-footer>

고정 탐색 모음은 해당 구성 요소 내에서만 작동하므로 작동하지 않습니다. 구성 요소 내에서 작동하게 하고 상단에 유지하는 방법은 무엇입니까?

app.comComponent.html에 넣어보았지만 작동하지 않습니다.

Answer 1

HTML은 상단에 app-nav-bar를 포함하여 애플리케이션 구성 요소를 컨테이너에 정렬하고 그 뒤에 다른 구성 요소가 옵니다. 패딩은 끈적한 탐색 모음을 위한 공간을 제공합니다. CSS 스타일 app-nav-bar는 배경색, 흰색 텍스트 및 패딩을 사용하여 상단에 고정되도록 만듭니다. 위치: 끈적임으로 인해 스크롤하는 동안 고정된 상태로 유지됩니다.

으아악 으아악