Показать сообщение отдельно
  #4 (permalink)  
Старый 10.03.2019, 21:02
Аспирант
Отправить личное сообщение для alex-romanov Посмотреть профиль Найти все сообщения от alex-romanov
 
Регистрация: 02.02.2019
Сообщений: 67

Это решение для footer, но оно не заработало

/*Фиксирование контейнера внизу страницы.
* height - устанавливает высоту области содержимого элемента
* browserHeight - высота текущего окна браузера;
* .outerHeight() получает текущее вычисленное значение
* внешней высоты (включая внутренние отступы - padding,
* границы - border и
* при необходимости внешние отступы - margin)
* для элемента;
* true - указывает на то, что нужно включить в расчеты,
* внешине отступы (margin);
* contentOuterHeight - высота основного блока с внешними отступами
* contentHeight - высота основного блока без учета внешних данных
* contentHeightMarginPaddingBorder - вычисляем полную высоту осовного блок
* (блок между header и footer);
* minHeightForContent - минимальная высота для основного блока.*/
function fixedContainerBottom(selector) {

    var browserHeight = $(window).height();
    var footerOuterHeight = $(selector).outerHeight(true);


    var contentOuterHeight = $('.' + options.selectorForCreateTable).outerHeight(true);
    var contentHeight = $('.' + options.selectorForCreateTable).height();

   var contentHeightMarginPaddingBorder = contentOuterHeight - contentHeight ;

    var minHeightForContent = browserHeight - footerOuterHeight - contentHeightMarginPaddingBorder;

   /*переопределяем стиль, для основного блока*/
    $('.' + options.selectorForCreateTable).css({

        'min-height': 'minHeightForContent'

    });

    handlerEventResizeWindowBrowser(selector);

}

/*обработчик события на изменение размера окна-браузера*/
function handlerEventResizeWindowBrowser(selector) {
    $(window).resize(function () {
        fixedContainerBottom(selector);
    });
}
Ответить с цитированием