html - Webページの拡張可能な固定要素について

Question

サイドバーをヘッダーと一緒に修正したいCMS（ocPortal / vanilla）のテーマをカスタマイズしようとしていました。修正するのは難しい作業ではありませんが、問題は、エンドユーザーが画面の高さを使い果たしてしまう可能性のあるウィジェットをサイドバーに追加できることです。そして、固定属性は役に立たなくなります。

私は何も思いつかなかったので、この問題の解決策はありますか？

Answer 1

この問題には複数の解決策があります。例を挙げていないので、これらのウィジェットを動的に追加および削除できると仮定します (つまり、ページの読み込み後はいつでも)。これを前提として、試してみることができる解決策が 2 つあります。

解決策 1 :

各ウィジェットをタブ付き/スポイラー タイプのコンテナー内に作成してみてください。その時点でエンド ユーザーがそれらを必要としない場合、ウィジェットは小さくなります。

解決策 2 :

Rick Calderが述べたように、CSS ルールを使用して、overflow-y: scroll;サイドバーのコンテンツが高さよりも大きくなると、スクロール バーが表示され、ユーザーがウィジェットをスクロールできるようにすることもできます。

個人の好みに応じて、これらのソリューションを組み合わせて、多くのウィジェットを有効にすることもできます.

これが役立つことを願っています！

ノート ：

HTML JavaScript スポイラーを検索するだけで、スポイラーの例がたくさん見つかります。