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