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

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

34
10.01.2019

Часто бывает необходимость вывести список 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');
});


Благодарю за внимание! Делитесь вашими замечаниями в комментариях ниже.


P.S. Обращайтесь ко мне за приобретением лицензий и продлений на 1C-Битрикс "Управление сайтом", лицензий на облачную и коробочную версии Битрикс 24 а также за приобретением и внедрением готовых решений на базе 1С-Битрикс от партнеров. За более подробной информацией свяжитесь со мной любым удобным для вас способом


Комментарии

Еще никто не комментировал данную публикацию. Будьте первыми!

Добавить комментарий

captcha

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