检测iphone的顶部和底部工具栏是可见的iphone safari

Question

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

Here is my demo和一个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);
    });
});