Можно ли сделать автоматическое выравнивание по высоте (убрать вертикальную прокрутку)?

Имеется фреймворк Materializecss и плагин к нему Materialize Stepper. Но не получается сделать автоматическое выравнивание блоков-шагов по высоте содержимого - появляется вертикальная прокрутка. Автор плагина предлагает делать фиксированную высоту, но такой вариант не устраивает. Можно ли это исправить?
Пример работы и код.
  • Вопрос задан
  • 264 просмотра
Решения вопроса 1
@Chebaa Автор вопроса
К сожалению решение найти так и не удалось, пришлось в качестве степпера исользовать табы.
<div class="col s12">
    <ul class="tabs">
      <li class="tab col s4"><a href="#step1" class="active">Step 1</a></li>
      <li class="tab col s4"><a href="#step2">Step 2</a></li>
      <li class="tab col s4"><a href="#step3">Step 3</a></li>
    </ul>
</div>
<div id='step1' class="col s12">
  <a href='#step2' class="waves-effect waves-light btn button-tabs">Continue</a>
</div>
<div id='step2' class="col s12">
  <a href='#step1' class="waves-effect waves-light btn button-tabs">Back</a>
  <a href='#step3' class="waves-effect waves-light btn button-tabs">Continue</a>
</div>
<div id='step3' class="col s12">
    <a href='#step2' class="waves-effect waves-light btn button-tabs">Back</a>
</div>

$(function () {
    // Initialize Tabs
    $('ul.tabs').tabs();
    // Create nav buttons
    $('.button-tabs').click(function() {
        var target = $(this).attr('href').replace('#', '');
        $('ul.tabs').tabs('select_tab', target);
    });
});
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
RTW
@RTW
Форкаю, читаю, употребляю
Ты про блок с кучей "test"?
Если да, как вариант флексы вешаешь
Вроде
.input-field {
    position: relative;
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
}
.row {
    height: 100%;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы