Как сделать чтобы страница занимала всю высоту экрана?

Question

[ALEX]

Здравствуйте. Как сделать чтобы страница была как минимум на всю высоту экрана. Есть med-sks.com.ua/product-category/vse-i-odrazu страница на которой очень мало контента и ее высота значительно меньше высоты екрана. Как это исправить с помощью CSS. Буду благодарен за любую помощь

Answer 1

[iBird Rose]

https://jsfiddle.net/s8d9e8jy/

Answer 2

[Maksym Davydchuk]

Могу посоветовать с помощью JS

jQuery(function($){
    function stickyFooter(){
        var footer = $("footer");
        var position = footer.position();
        var height = $(window).height();
        height = height - position.top;
        height = height - footer.outerHeight();
        if (height > 0) {
            footer.css({'margin-top' : height+'px'});
        }
    }
    stickyFooter();
    $(window).resize(function(){
        stickyFooter();
    });
});

Comments

[Max Medar]

На дворе 2018 год. Чем вам flex не угодили?