
Делаем блоки div одинаковой высоты JS
Небольшой скрипт который выравнивает блоки с определенным div классом по высоте.
Полезный скрипт, особенно при выводе новостей в несколько рядов.
Допустим у нас адаптивный сайт с выводом новостей в 2 ряда, блоки с новостями разной высоты в зависимости от содержимого.
Нам нужно выровнять все блоки по высоте самого высокого, так вот данный скрипт сделает это, и при адаптации сайта блоки вытягиваются в один ряд ровненько ;)
Знаю, есть куча способов реализовать это, но по мне это самый надежный и удобный способ.
Установка.
Подключаем наш скрипт:
<script type="text/jаvascript">
function setEqualHeight(columns)
{
var tallestcolumn = 0;
columns.each(
function()
{
currentHeight = $(this).height();
if(currentHeight > tallestcolumn)
{
tallestcolumn = currentHeight;
}
}
);
columns.height(tallestcolumn);
}
$(document).ready(function() {
setEqualHeight($(".columns > div"));
});
</script>
Теперь все блоки с классом "
columns
" будут одинаковой высоты.Я например, применил такой скрипт в owl карусели. Надеюсь статейка вам пригодится

У данной публикации нет комментариев.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Комментарии
Как обозначается тег в HTML
Ваша реклама