スティッキーナビゲーションバーを他のコンポーネント内で動作させる方法はありますか?

Question

私のプロジェクトには次の構造があります:

<app-nav-bar></app-nav-bar>
    <app-slider></app-slider>
    <app-solution></app-solution>
    <アプリプラットフォーム></アプリプラットフォーム>
    <アプリチーム></アプリチーム>
    <app-contact></app-contact>
    <app-footer></app-footer>

スティッキー ナビゲーション バーはコンポーネント内でのみ機能するため機能しません。コンポーネント内で動作させ、最上位に維持する方法。

app.component.htmlに入れてみましたが、うまくいきません。

Answer 1

HTML は、app-nav-bar を最上部に置き、その後に他のコンポーネントを配置するなど、アプリケーション コンポーネントをコンテナ内に配置します。パディングにより、固定ナビゲーション バー用のスペースが提供されます。 CSS は app-nav-bar をスタイル設定して、背景色、白いテキスト、パディングを使用して上部に貼り付けるようにします。 Position: Sticky; により、スクロール中は固定されたままになります。

リーリー リーリー