2015-10-17 75 views
0

我的CSS:jQuery和CSS最小高度:100%

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

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

,什麼是goind上......當 「體」 具有最小高度:100 %;並且當身體有溢出時,我將寡婦寬度更改爲例如小於767px-y:可見,身體高度對於每個setInterval越來越大 - 它將之前的高度+當前高度相加。我需要身高的最小高度,因爲它具有背景

+0

沒有你的HTML,很難弄清楚發生了什麼。你能提供一個片段嗎? –

+0

爲什麼不使用[jQuery的'resize()'事件](https://api.jquery.com/resize/)? – Vucko

+0

沒有調整大小(),因爲如果有人在手機上打開頁面,將不會有大小調整事件。 – Wordica

回答

0

如果只使用vh會怎麼樣? )

body { 
    min-height:100vh; 
} 
+0

任何IE不支持它,甚至EDGE – Wordica

+0

http://caniuse.com/#feat=viewport-units 好吧,不是真的。你聽說IE不支持它?只有第八IE沒有。 – user3560988

+0

確定它在IE上工作,但在我的例子中不起作用...如果我改變窗口寬度和滾動Y顯示,jQuery('。s1_container).css('height',a + b)不設置值,但將存在高度值和站點整個時間增加一個+ b。 – Wordica