javascript - jQuery 和 CSS 最小高度 :100%

Question

我的 CSS:

body{
    width:100%;
    min-height:100%;
}

我的 JQ:

function abc(){
   var h_1 = jQuery('.top_menu_container').height();
   var h_2 = jQuery('.bottom_container').height();
   var sum = h_1 + h_2;
   var body_h = jQuery('body').height();

   jQuery('.s1_container').css('height',( body_h - sum ) + 'px');
}

setInterval(abc,1000);

发生了什么……当“body”有 min-height:100%;当 body 有 overflow-y:visible 时，我将寡妇宽度更改为例如小于 767px，每个 setInterval 的 body 高度越来越大 - 它总结了较早的高度 + 当前高度。我需要 body 的最小高度，因为它有背景

Answer 1

如果只用vh呢？ )

body {
    min-height:100vh;
}