Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery和CSS最小高度:100%_Javascript_Css - Fatal编程技术网

Javascript jQuery和CSS最小高度:100%

Javascript jQuery和CSS最小高度:100%,javascript,css,Javascript,Css,我的CSS: 我的JQ: body{ width:100%; min-height:100%; } 发生了什么事。。。当身体有最小高度时:100%;例如,我将窗口宽度改为小于767px,当body有溢出时-y:visible,body height对于每一个setInterval都越来越大-它将前面的height+当前height相加。我需要身体的最小高度,因为它有背景如果只用vh怎么办 function abc(){ var h_1 = jQuery('.top_men

我的CSS:

我的JQ:

body{
    width:100%;
    min-height:100%;
}
发生了什么事。。。当身体有最小高度时:100%;例如,我将窗口宽度改为小于767px,当body有溢出时-y:visible,body height对于每一个setInterval都越来越大-它将前面的height+当前height相加。我需要身体的最小高度,因为它有背景

如果只用vh怎么办

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);

没有HTML,很难弄清楚发生了什么。你能提供一个片段吗?为什么不使用?不调整大小,因为如果有人在手机上打开页面,将不会有调整大小的事件。任何IE都不支持它,甚至EDGE也不支持。你从哪里听说的?只有第8个IE不工作。好吧,它在IE上工作,但在我的示例中不工作。。。如果我更改窗口宽度并滚动Y显示,jQuery'.s1_container.css'height',a+b不设置值,而是添加a+b以存在高度值和站点整个时间增加。
body {
    min-height:100vh;
}