在iPhone中：在叠加层中单击按钮时，页面会向上移动

Question

在叠加层中单击按钮时，页面会在iPhone中向上移动。

此问题出现在日历组件中。在日历中选择日期后，我将关注日历文本字段。如果我从第一行日历中选择日期，则没有问题。但是如果我从最后一行中选择，则页面会向上滚动，我的日历输入字段不可见。我需要滚动才能查看该字段。

如果叠加区域与iPhone键盘区域重叠（假设弹出窗口），则如果在该重叠区域中单击任何按钮，则页面将向上移动。

只用两个按钮简化了场景。如果单击第二个按钮，页面将向上移动。

除了应用scrollTo（0,0）

之外，你能帮助解决这个问题

         $('#btn0').on('click', function(){
           $('.absDiv').show();
        });
        $('.item').on('click', function(){
           $('.absDiv').hide();
           $('#text1').focus();
        });  

            .absDiv{
                position: absolute;
                top: 50px;
                left: 0px;
                height:400px;
                border:1px solid black;
                z-index:1;
                width: 300px;
            }
            input{
                font-size: 16px;
            }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="position:relative">
        <div><input type="text" id="text1" />
         <button id="btn0"> Launch overlay</button></div>
        <div class="absDiv" style="display:none">
        <div style="margin-bottom: 200px">
            <button id="btn1" class="item" style="margin-bottom: 50px;"> Btn1</button></div>
            <button id="btn2" class="item"> Btn2</button>
            
        </div>
      </div>