Функция выравнивания элементов в списке

Часто бывает необходимость вывести список div-блоков с выравниванием высоты каждого из них относительно друг друга. 

В этом нам поможет функция:

function equalHeights(className) {
    var findClass = document.getElementsByClassName(className);
    var tallest = 0;
    // Loop over matching divs
    for(i = 0; i < findClass.length; i++)
    {
        var ele = findClass[i];
        var eleHeight = ele.offsetHeight;
        tallest = (eleHeight>tallest ? eleHeight : tallest); /* look up ternary operator if you dont know what this is */
    }
    for(i = 0; i < findClass.length; i++)
    {
        findClass[i].style.height = tallest + "px";
    }
}

Таким образом, добавляем элементам, которые нужно выравнять друг относительно друга, какой-то класс (например, SameHeightClass) и вызываем функцию:

BX.ready(function () {
    equalHeights('SameHeightClass');
});
Количество показов: 1096
10.01.2019

Возврат к списку

Если вам была полезна статья можете отблагодарить автора:
Ethereum:

0x16Df809287333C49D3A237296C6248A6c08702Bc

Разработка сайта

Подайте заявку на разработку сайта на базе готового решения от компании 1С-Битрикс или одного из партнеров компании. Максимально подробно опишите, чему будет посвящен сайт, если это интернет-магазин - что он будет продавать, нужна ли мультиязычность, будут ли разные типы цен (розница, опт, крупный опт), будет ли интеграция с 1С, будет ли выгрузка товаров на различные торговые площадки...

Сопровождение сайта

Вы можете подать заявку на сопровождение вашего сайта на базе 1С-Битрикс. Сопровождение включает в себя: проверка актуальности обновлений сайта, проверка актуальности резервной копии, консультации по сайту. Опишите в заявке, какие еще объемы планируются на сопровождении и на какой срок вы планируете заключить договор на сопровождение - мы подберем подходящий вам бюджет на сопровождение

Работы по сайту

Вы можете подать заявку на выполнение определенного объема работ по сайту. Опишите в заявке объем работ. Это может быть разработка какого-то нового функционала, доработки по имеющемуся функционалу, доработки под требования сео-специалистов. На основании заявки вам будет сформирован бюджет работ, а также названы сроки на выполнение тех или иных работ.