ブラウザのサイズ変更時に「offsetWidth」値を再同期します

Question

いくつかのサブ項目を持つ水平スクロール div があります。幅によっては、サブアイテムが切り取られる場合があります。したがって、表示される項目が 4 と 1/2 になる可能性があります。したがって、JavaScript を使用して、幅が子を均等に分散するように強制します。

Javascript を使用して .palette の幅を検出し、それを表示したい項目の数 (余白を差し引いたもの) で割って、各 .swatch に適用しました。。もっと良い/簡単な方法があるかどうかわかりませんか?

これが解決策である場合、ウィンドウのサイズが変更されたときに更新されるように、より責任のあるものにするための助けが必要です。

リーリーリーリーリーリー

P粉920835423 · Answer

アイデアは、resize コールバック関数では、子要素 (##) の幅ではなく、親要素 (.palette) の幅を更新しているだけであるということです。 #.見本)。

新しい JS コードを採用:

リーリー

ボーナス: スライディングウィンドウに表示する子の数を選択できるように、関数をより一般的なものにしました。