用jquery設置最小高度，以避免移動問題

Question

我不知道這是否可能，但我正在尋求改變這個工作函數，以便將「.nav_menu」div的高度設置爲視口的一半，它設置最小高度。

var menu = jQuery(".nav_menu"); 
    jQuery(window).resize("resizeMenu"); 
    function resizeMenu() { 
    menu.height(jQuery(window).height()/2); 
    } 
resizeMenu(); 

現在我不想做這樣的事情的原因...

$('.nav_menu').css("min-height", "50vh"); 

或者只是做直接在CSS，是因爲高度重新計算問題呈現自身在移動的當地址欄隱藏時。上面的功能繞過這個問題，但是設置爲使用高度，而不是最小高度。

最終，我的目標是能夠將VH或％單位值用於元素的最小高度，而不會在android上創建問題，即當您從頂部滾動並瀏覽器地址欄隱藏時，它會重新計算視口大小，從而改變％或VH單位的輸出值。所以任何解決方案，非常感謝！

Answer 1

會做功能檢查解決問題？這就是爲什麼你不設置元素的高度，除非需要，這基本上就是min-height風格所做的。就像：

var menu = jQuery(".nav_menu"); 
jQuery(window).resize("resizeMenu"); 
function resizeMenu() { 
    var windowHeight = jQuery(window).height(); 
    if (menu.height < windowHeight/2){ 
     menu.height(windowHeight/2); 
    } 
} 
resizeMenu();