@ilyapashkov02
Frontend Developer

Как написать masonry сетку без сторонних плагинов?

Столкнулся с проблемой, необходимо написать mansory раскладку, без использования сторонних библиотек. Облазил кодпен и погуглил, предлагают использовать colums но тогда все идет не по порядку, знаю что это легко делается на гридах, но нужно кросс-браузерно. Прошу подсказать реализацию или хотя бы алгоритм, на который я смогу полагаться
  • Вопрос задан
  • 509 просмотров
Пригласить эксперта
Ответы на вопрос 2
Evanre
@Evanre
Front-end developer
Если не подходят колонки, то выводите посты в 3 разных блока. Выставляете эти блоки в ряд. Все. (если нет возможности вывести блоки нужным порядком и в контейнерах, есть простенький легковесный плагин salvattore, который сделает это за вас).

Если нужен подход как у оригинального плагина от desandro. Самостоятельно писать смысла нет. Слишком долго + требует значительных знаний js. Есть более легковесные варианты:
Shuffle и quicksand. Они помимо самой сетки еще умеют сортировать\фильтровать элементы (как Isotope).
Ответ написан
Комментировать
monochromer
@monochromer
Есть упрощенная версия masonry - minigrid
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы