84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
我在專案中有以下架構：
黏性導覽列不起作用，因為它只在其組件內起作用，如何使其在組件中起作用並保持在頂部。
我嘗試將其放在app.component.html中，但它不起作用。
HTML在容器中排列應用程式元件，包括頂部的app-nav-bar，然後是其他元件。填充為黏性導覽列提供空間。 CSS樣式app-nav-bar使其在頂部粘滯，具有背景顏色、白色文字和填充物。由於position: sticky;，它在滾動時保持固定。
/* 应用基本样式以确保导航栏占用空间 */ .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; /* 确保导航栏在其他内容之上 */ } /* 其余组件的样式 */
HTML在容器中排列應用程式元件，包括頂部的app-nav-bar，然後是其他元件。填充為黏性導覽列提供空間。 CSS樣式app-nav-bar使其在頂部粘滯，具有背景顏色、白色文字和填充物。由於position: sticky;，它在滾動時保持固定。
/* 应用基本样式以确保导航栏占用空间 */ .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; /* 确保导航栏在其他内容之上 */ } /* 其余组件的样式 */