html与app对接常见小问题

（1）html网页嵌入app中的情况（使用Webview加载网页）

情景一：进行切换时，键盘不收回的情况

html

        
本人申请
        
非本人申请
        
查询或取消
  

js

$(".app_tab").mouseover(function () {
  //实现按钮切换
    var index = $(this).index();
    $(".active").removeClass("active");
    $(this).addClass("active");
  //实现功能切换
    if (index == "0") {
        $("#bryy").show();
        $("#btn").show();
        $("#fbryy").hide();
        $("#cxqx").hide();
    } else if (index == "1") {
        $("#bryy").hide();
        $("#btn").show();
        $("#fbryy").show();
        $("#cxqx").hide();
    } else if (index == "2") {
        $("#bryy").hide();
        $("#btn").hide();
        $("#fbryy").hide();
        $("#cxqx").show();
    }
 //收起键盘
    $("input").blur();
    $("select").blur();        
});

情景二：使用select，选择框中某一项内容过多，选择该项后，再次进行选择，导致整个页面网左侧移动

解决方案：在最外层的div 中添加样式 style ="overflow: hidden; overflow-y: auto;"

    

        

        

        

        

            

                @*标题切换栏*@
                

                    
本人申请
                    
非本人申请
                    
查询或取消
                
            
        
        

            

                @*本人申请*@
                

                  
                
                @*非本人申请*@
                

                                            
                
                @*预约查询或取消*@