Галерея статей (пример #4 (c pinBoot))

Андрей
721
1
Приветствую. Использую галерею статей как в примере #4, все классно, но почему-то в нижнем ряду блоки анонсов статей опускаются ниже блока «container» (вот здесь 1000guides.com/articles/). Что не так делаю?

Комментарии ()

  1. Андрей
    26 июля 2017, 11:05
    Александр, вдруг заметил, что с исправленным вариантом Pinterest Grid возникают проблемы при уменьшении ширины экрана — футер сайта по каким-то причинам переезжает на середину страницы в основной контейнер
    1. Александр Мальцев
      26 июля 2017, 13:14
      Откорректировал мобильный вариант сетки Pinterest Grid. Обновил Яндекс архив и проект на Github.
      1. Андрей
        26 июля 2017, 22:36
        Спасибо, теперь вроде все ОК.
        Кстати вот еще не могу понять, вставляемые блоки из FB в десктопном варианте выглядят как положено, а в мобильном варианте получаются шире, чем надо. Вставляю посты так
        <fb:post  href="https://www.facebook.com/1000guides/photos/a.851507284898203.1073741829.642653425783591/1393085614073698/?type=3"   data-width="auto" class="img-responsive"></fb:post>
        Правда параметр class=«img-responsive» уже добавил сам, что позволило ширину мобильных постов из FB практически приблизить к нужному размеру, но все равно не полностью.
    2. Александр Мальцев
      21 июля 2017, 15:06
      Доработал скрипт Pinterest Grid. Теперь он вычисляет высоту контейнера на основании положения и высоты последних элементов, что должно не только исправить вышеописанную проблему, но и увеличить скорость.
      Исправленный вариант скрипта доступен на GitHub на странице jQuery-Pinterest-Grid.
      На Яндекс Диске: yadi.sk/d/nLarTNyS3LGDWm
      1. Андрей
        24 июля 2017, 15:47
        Александр спасибо, теперь все отлично, блоки за контейнер не вылезает!
      2. Александр Мальцев
        20 июля 2017, 16:25
        Это связано с тем, что скрипт, который выстраивает блоки в pinBoot, неправильно устанавливает высоту блоку-контейнеру. Он должен сложить top каждого последнего блока с его высотой, и какое из них получится больше, установить его контейнеру.
        В качестве временного решения можно просто установить блоку с id=«pinBoot» CSS-свойство overflow со значением hidden (при этом часть контента скроется):
        <section id="pinBoot" style="overflow: hidden;">
        1. Андрей
          20 июля 2017, 19:05
          Спасибо. Последний блок действительно получается с обрезанным текстом, но зато не налезает на footer.
          А есть возможность настроить скрипт на правильный расчет высоты контейнера?
        Войдите, пожайлуста, в аккаунт, чтобы оставить комментарий.