100 個の要素を含むリストがありますが、垂直スクロールバーで一度に 5 つの要素のみを表示したいと考えています。の<li>高さは固定されておらず、その内容 (データベースからフェッチされる) によって異なる場合があります。問題は、固定の高さを維持でき、<ul>5 つの項目を問題なく表示できることですが、コンテンツが<li>複数行にまたがると、最後の要素が押し下げられることがあります。
問題は、javascript/jquery を使用せずに高さが常に最初の 5 つの含まれる要素<ul>に等しい方法があるかどうかです。<li>
これはおそらくCSSだけでは不可能です。ul通常のスクロールバーは、の高さがそのコンテンツに合わない場合にのみポップアップします。これは、高さがその子 (設計時に不明な高さを持つ) に依存していない場合にのみ発生します。
さらに、スクロールは通常「連続的」です。アイテムの一部を表示できます。より「離散的な」スクロールを探しているようです。1 つの「ティック」ダウンは、上部liが「スクロール」され、次のスクロールliが下部に追加されることを意味します。
liスクロールバーを持つ固定高さ s、または楕円によるオーバーフローと全文付きのポップオーバーの組み合わせ、または JavaScript ソリューションのいずれかを使用して、代替手段を探す必要があると思います。