Делаем блоки 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 карусели. Надеюсь статейка вам пригодится :wink:
Ссылка для скачивания доступна только авторизованным пользователям, пожалуйста пройдите регистрацию.
Это займёт не более минуты. Не волнуйтесь, мы не спамим!
У данной публикации нет комментариев.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Облако тегов
Bootstrap bootstrap CSS CSS3 DLE dle fruit farm html html шаблон html5 HTML5 Payeer PNG PSD wap Wordpress Скрипт удвоителя адаптивный адаптивный шаблон бонусник дизайн игровой хостинг иконки лендинг меню модуль панель портфолио сайт скрипт скрипт фермы текстура удвоитель удвоитель Payeer ферма фон фруктовая ферма хак шаблон экономическая игра
Пользуетесь ли Вы облаком тегов