@rootnoroot

Как установить высоту активного таба?

Есть сайт, стоят табы
раздел напр. MONOLITH LINING

и через js подставляется высота контейнера
но если в одном таб контейнере блоков 8, в 2 ряда
а в другом 4 в 1ряд, высота остается - то есть остается пустота
как можно высоту подстроить под активное окно? что бы в каждой вкладке была своя высота

(function($, document) {
    function setupTabs(container) {
        let height = -1;

        container.find('.tab__content').each(function() {
            height = height > $(this).outerHeight() ? height : $(this).outerHeight();
            $(this).css('position', 'absolute');
        });

        container.css('min-height', height + 550 + 'px');
    }

    // Инициализация для каждого набора табов
    $('[data-tabs]').each(function() {
        setupTabs($(this));
    });

}(jQuery, document));
  • Вопрос задан
  • 56 просмотров
Пригласить эксперта
Ответы на вопрос 1
@woidead
(function($, document) {
    function setupTabs(container) {
        // Функция для обновления высоты контейнера
        function updateContainerHeight() {
            const activeTabHeight = container.find('.tab__content.active').outerHeight();
            container.css('min-height', activeTabHeight + 'px');
        }

        // Установка начальной высоты
        updateContainerHeight();

        // Обработчик событий для переключения вкладок
        container.find('.tab-selector').on('click', function() {
            // Здесь код для переключения вкладок...
            
            // Обновление высоты после переключения
            updateContainerHeight();
        });
    }

    // Инициализация для каждого набора табов
    $('[data-tabs]').each(function() {
        setupTabs($(this));
    });

}(jQuery, document));
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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