Saya mempunyai struktur berikut dalam projek saya:
Bar navigasi melekit tidak berfungsi kerana ia hanya berfungsi dalam komponennya, cara menjadikannya berfungsi dalam komponen dan mengekalkannya di atas.
Saya cuba meletakkannya dalam app.component.html tetapi ia tidak berfungsi.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
HTML menyusun komponen aplikasi dalam bekas, termasuk bar navigasi apl di atas, diikuti oleh komponen lain. Padding menyediakan ruang untuk bar navigasi melekit. CSS gaya app-nav-bar untuk menjadikannya melekit di atas, dengan warna latar belakang, teks putih dan padding. Ia kekal tetap semasa menatal kerana kedudukan: melekit;.
/* 应用基本样式以确保导航栏占用空间 */ .app-container { position: relative; padding-top: 60px; /* 根据导航栏的高度调整此值 */ } /* 粘性导航栏的样式 */ app-nav-bar { position: sticky; top: 0; background-color: #333; color: white; padding: 10px 0; text-align: center; z-index: 100; /* 确保导航栏在其他内容之上 */ } /* 其余组件的样式 */