Я уже третий день сижу над задачей и постепенно схожу с ума уже
Нужно прикрутить адаптивный скрипт waterfall блоков с lazy load подгрузкой из бд. Скрипт прикрутили и все ок, но периодически высота блока получается вот такой
<style>
.waterfall,.waterfall div{position: relative;}
.waterfall div {}
.waterfall > div {box-sizing:border-box;padding: 2px 5px;}
</style>
Я так понимаю проблема с высотой из-за того, что скрипт работает за счет position:absolute.
Потому что если я ставлю к примеру
<style>
.waterfall div {min-height:900px}
</style>
То проблема исчезает но все дивы соответственно 900px в высоту.
<div class='waterfall' data-col-min-width='320'>
<div><img src=''></div>
<div><img src=''></div>
<div><img src=''></div>
<div><img src=''></div>
</div>
Тело самого скрипта
http://wonder.kiev.ua/test/jquery.waterfall.js
Реально HELP, а то я уже в отчаяньи.
Столько скриптов перебрали и везде проблемы, или громоздкие очень, а нужно простейшее решение. Чувствую, что ларчик просто открывается...
Корявое решение я вижу вычислять высоту у картинки и присваивать ее div-у, но может есть более изящное что-то? Спасибо за любые подсказки!
