既存のスティッキー・ヘッダーのonscrollにsidenavを固定する方法は？

Question

私はすでにSticky header navをプロジェクトに持っていますが、ページの右側に長いリストがあるので、スクロールが発生したときにsidenav（フィルタセクション）またはAsideも左に固定して表示する必要があります。私が言及したように、ヘッダーはすでに固定された位置にあります。脇の下またはsidenavにヘッダーを付けるには、どうすればいいですか？私はCSSを介してそれを行うことはできませんし、jqueryを使用してこれをどのように達成できるかわかりません。

ご協力いただければ幸いです。 ありがとうございます。

Answer 1

あなたのコードにCSSを入力してください。 は、基本的に何ができるかです：

• オーバーフロー隠された、100％の幅の中で自分のサイドバーや中央部分を持っているコンテナを作成します。
• サイドバーの位置を相対的に設定し、指定された幅と をパディングして、ナビゲーションバーが重ならないようにします。
• 幅が の相対位置に設定すると、 は、オーバーフローオートを追加して、 に多数のリスト項目があるときにスクロールバーが表示されるようにすることができます。

問題を解決する方法はいくつかあります。 Iframeを使用することもできますが、レスピーティブなデザインにはお勧めしません。