Javascript / CSS - коэффициент сжатия ширины, определяемый высотой прокрутки - PullRequest
0 голосов
/ 20 апреля 2020

У меня немного забавная творческая ситуация с кодированием / lo go - где у меня есть div, состоящий из около 130 других цветных div-ов, и они вместе образуют lo go, когда находятся вверху страницы, и когда вы прокручиваете страницу, div смещается и искажает lo go, вы можете увидеть его в действии здесь: https://warehouse.netlify.app/ и ситуацию с div здесь: https://github.com/nejurgis/warehouse/blob/master/src/components/DivOverlay.js когда вы прокручиваете - ширина контейнера контейнера уменьшается и таким образом он выталкивает все дочерние элементы вокруг

, теперь возникает вопрос: у кого-нибудь есть идея, как уменьшить ширину контейнера контейнера в соответствии с высотой целого page aka как сделать так, чтобы lo go «разваливался» только в конце свитка, а не на полпути, как сейчас?

1 Ответ

0 голосов
/ 20 апреля 2020

Классная идея!

Рассмотрите возможность использования css grid https://css-tricks.com/snippets/css/complete-guide-grid/, используя это, вы можете указать столбцы и строки вашей сетки и сделать так, чтобы все ваши элементы div автоматически заполняли каждое место.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...