Показать сообщение отдельно
  #1 (permalink)  
Старый 07.11.2014, 13:28
Аспирант
Отправить личное сообщение для katamason Посмотреть профиль Найти все сообщения от katamason
 
Регистрация: 18.06.2011
Сообщений: 75

Растянуть блок на всю высоту
Здравствуйте. Пытаюсь блок растянуть на всю высоту экрана. Толком не знаю как сделать, при скроле вообще плохо. Внутри .widget-area лежит .ass_box и должен располагаться внизу высокого сайдбара. Буду благодарен за помощь

$(document).ready(function() {
        getWidthAndHeight();
    });
    $(window).resize(function() {
       getWidthAndHeight();
    });
    $(window).scroll(function() {
     //   getWidthAndHeight();
    });

    function getWidthAndHeight (){
        var ass_box = $('.widget-area .ass_box').outerHeight();
        var parse_ass = parseInt(ass_box);
        var sd = $('#secondary.widget-area').outerHeight();
        var parse_sd = parseInt(sd);

        var scroll = $(window).scrollTop();
            var sidebarHeight = (parse_sd + ass_box) ;
          var bodyHeight = $(window).height();
            var bodyWidth = $(window).width();

            $("#secondary.widget-area").css('min-height', bodyHeight +scroll + 'px');
    }
});


<div id="secondary">
<ul>
<li>Пункт 1</li>
<li>Пункт 2</li>
<li>Пункт 3</li>
</ul>
<div class="ass_box" style="position:absolute; bottom:0px;">Этот блок внизу</div>
</div>

Последний раз редактировалось katamason, 07.11.2014 в 13:35.
Ответить с цитированием