고정 탐색 모음을 다른 구성 요소 내에서 작동시키는 방법은 무엇입니까?
P粉579008412
2023-08-15 10:42:23
<p>내 프로젝트에는 다음과 같은 구조가 있습니다: </p>
<pre class="brush:php;toolbar:false;"><app-nav-bar></app-nav-bar>
<앱-슬라이더></app-slider>
<앱-솔루션></app-solution>
<앱 플랫폼></app-플랫폼>
<앱팀></앱팀>
<app-contact></app-contact>
<app-footer></app-footer></pre>
<p>고정 탐색 모음은 해당 구성 요소 내에서만 작동하므로 작동하지 않습니다. 구성 요소 내에서 작동하게 하고 상단에 유지하는 방법은 무엇입니까? </p>
<p>app.comComponent.html에 넣어보았지만 작동하지 않습니다. </p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
HTML은 상단에 app-nav-bar를 포함하여 애플리케이션 구성 요소를 컨테이너에 정렬하고 그 뒤에 다른 구성 요소가 옵니다. 패딩은 끈적한 탐색 모음을 위한 공간을 제공합니다. CSS 스타일 app-nav-bar는 배경색, 흰색 텍스트 및 패딩을 사용하여 상단에 고정되도록 만듭니다. 위치: 끈적임으로 인해 스크롤하는 동안 고정된 상태로 유지됩니다.