Я хотел создать макет, где, когда div достигнут дна, они продолжат сверху. Посмотрите мое (супер необычное) изображение, которое я нарисовал:
Я получил его с помощью column-fill: auto
. А теперь я хотел бы добавить диммер для каждого элемента при нажатии. Я использую React и Semanti c UI React для своего приложения, поэтому я пытаюсь добиться этого с помощью компонента Dimmer .
Моя проблема в том, что когда я активирую диммер, он не "диммирует" весь предмет. Я сделал небольшой CodeSandbox для своей проблемы, чтобы мы могли отладить это проще. Когда вы нажимаете третий элемент, вы можете видеть, что часть, идущая сверху, не тускнеет. Я предполагаю это, потому что положение диммера - relative
.
ССЫЛКА: https://codesandbox.io/s/semantic-ui-react-yl0dj
Я надеюсь, что я описал свою проблему достаточно хорошо, и что мы можем решить это вместе.
Ура!