Делаем блоки div одинаковой высоты JS

Все блоги / DLE движок для сайтов 3 апреля 2017 355   
Делаем блоки div одинаковой высоты JS
Небольшой скрипт который выравнивает блоки с определенным div классом по высоте. Полезный скрипт, особенно при выводе новостей в несколько рядов. Знаю, есть куча способов реализовать это, но по мне это самый надежный и удобный способ.
  • Оцените публикацию
  • +2

Похожие публикации

Обсуждения

Вы не авторизованы!

Обратите внимание, если вы не авторизуетесь, то Ваш комментарий перед публикацией обязательно будет отправлен на модерацию.
Рекомендуем вам войти под своим логином
Или используйте авторизацию через соц.сети
@
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent

  1. имя
    Talik 12 апреля 2017 10:12
    Установка.
    Подключаем наш скрипт:

    
    <script type="text/javascript">
    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 карусели. Надеюсь статейка вам пригодится
    • 0
Архив публикаций