いくつかのサブ項目を持つ水平スクロール div があります。幅によっては、サブアイテムが切り取られる場合があります。したがって、表示される項目が 4 と 1/2 になる可能性があります。したがって、JavaScript を使用して、幅が子を均等に分散するように強制します。
Javascript を使用して .palette の幅を検出し、それを表示したい項目の数 (余白を差し引いたもの) で割って、各 .swatch に適用しました。 。もっと良い/簡単な方法があるかどうかわかりませんか?
これが解決策である場合、ウィンドウのサイズが変更されたときに更新されるように、より責任のあるものにするための助けが必要です。
offsetWidth を更新したいと考えています。 を使用して、特定の「ブレークポイント」以上で異なる値を使用することは可能ですか?この部分は機能します！
P粉9208354232024-03-30 15:55:14
アイデアは、resize コールバック関数では、子要素 (##) の幅ではなく、親要素 (.palette) の幅を更新しているだけであるということです。 #.見本)。
ボーナス: スライディング ウィンドウに表示する子の数を選択できるように、関数をより一般的なものにしました。