Javascript 检测iphone的顶部和底部工具栏在iphone safari中可见

如何检测iphone Safari浏览器上的顶部和底部工具栏是否可见？我的手机菜单有两个部分，顶部是主菜单，应该比底部高很多，底部是一个菜单链接。当工具栏可见时，mobile safari浏览器上只显示顶部，这对用户不友好，只有当您滚动时才能看到菜单底部。 这就是为什么我需要检查工具栏是否为visibe，以便实现另一个代码

还有一个iphone工具栏截图，我在其中突出显示了工具栏

jQuery(document).ready(function($){
    var screenWidth = jQuery(window).width();
    var bottomH = jQuery(".bottom_part").outerHeight(true);
    var screenH = jQuery(window).height(); 
    var remainderh = screenH - bottomH;  
    jQuery(".top_part").height(remainderh - 20);

    $(window).resize(function(){
        var bottomH = jQuery(".bottom_part").outerHeight(true);
        var screenH = jQuery(window).height(); 
        var remainderh = screenH - bottomH;  
        jQuery(".top_part").height(remainderh - 20);
    });
});