d0ublezer0

Flexbox вместо masonry?

Recommended Posts

Привет! Есть галерея в конце страницы, построенная на masonry

https://www.farmadental.ru/doctors/balayan

Подозреваю, что на флексе сделать такое вполне реально, более того, нашел пример,  демонстрирующий прекрасный результат 

Но для флекса по колонкам нужна ограниченная высота контейнера, которая в моем случае всегда разная, т.к. количество и размер элементов всегда разные.

Реально ли как-то добиться этого без использования JS ?

Share this post


Link to post
Share on other sites
Разобрался.
 
заменил
window.onload = resizeAllGridItems();

на

window.addEventListener('load', resizeAllGridItems);

На тестовой странице https://www.farmadental.ru/test.html

всё заработало как надо, только вот на боевой странице https://www.farmadental.ru/doctors/balayan выстраиваться не хочет. между элементами не вычисляется расстояние по вертикали. Или вычисляется неправильно.

 
Вместо этого (как в тестовом файле) :
 
Получаем это:
Edited by d0ublezer0

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,526
    Total Members
    3,128
    Most Online
    Егор0248
    Newest Member
    Егор0248
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.