UpStrore Блог. Отображение постов в блоге в виде masonry

Максим
17 декабря 2019
1

Добрый день! Подскажите пожалуйста, как в блоге сделать чтобы при отображении постов в две колонки, с учетом того что посты разные по высоте, они выравнивались не по верхней границе с соседним постом


, а  выстраивались в виде "кирпичной кладки" (masonry). 


Пробовал сделать в stream.html, добавить в скрипт $(document).ready(function() такой код 

UIkit.grid('#post-stream', {
masonry: true
});

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

Если в main.html классу content добавить overflow:hidden, то он обрезает последний пост до футера, но получается не очень красиво.


Ссылка на сайт https://rom-divan.ru/blog/

Возможно есть более элегантное решение этой задачи?

Спасибо!

2 ответа
  • Сергеев Владимир
    Разработчик
    Решение
    18 декабря 2019 10:39

    Здравствуйте, Максим! 

    В блоге так хитровы замысловато сделан скрипт ленивой подгрузки постов, что с ним ничего сделать нельзя. 
    Я делал в своих других темах решение, которое вы описали:

    UIkit.grid('#post-stream', {
      masonry: true
    });

    И оно глючит. Тоже пришлось отключить.  
    Если поменять разметку, то подгрузка постов работать не будет.. =/ 
    Пока у меня нет решения.. =( 

  • Максим
    Решение
    18 декабря 2019 11:06

    Понял! Ну ок, буду пробовать разобраться! Пока что padding-bottom:350px для .content в какой-то мере поправил ситуацию!

Добавить ответ
Чтобы добавить комментарий, зарегистрируйтесь или войдите
Мы получаем и обрабатываем персональные данные посетителей нашего сайта в соответствии с официальной политикой.
Если Вы продолжите использовать сайт, мы будем считать, что Вас это устраивает.
Подписывайтесь и получайте скидки!

Узнавайте первым о скидках и специальных предложениях!