スティッキーナビゲーションバーを他のコンポーネント内で動作させる方法はありますか?
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-slider>
<app-solution></app-solution>
<アプリプラットフォーム></アプリプラットフォーム>
<アプリチーム></アプリチーム>
<app-contact></app-contact>
<app-footer></app-footer></pre>
<p>スティッキー ナビゲーション バーはコンポーネント内でのみ機能するため機能しません。コンポーネント内で動作させ、最上位に維持する方法。 </p>
<p>app.component.htmlに入れてみましたが、うまくいきません。 </p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
HTML は、app-nav-bar を最上部に置き、その後に他のコンポーネントを配置するなど、アプリケーション コンポーネントをコンテナ内に配置します。パディングにより、固定ナビゲーション バー用のスペースが提供されます。 CSS は app-nav-bar をスタイル設定して、背景色、白いテキスト、パディングを使用して上部に貼り付けるようにします。 Position: Sticky; により、スクロール中は固定されたままになります。