美文网首页
iOS下Html页面中input获取焦点弹出键盘时挡住input

iOS下Html页面中input获取焦点弹出键盘时挡住input

作者: 没_有_人 | 来源:发表于2018-12-11 11:00 被阅读0次

    iOS下Html页面中input获取焦点弹出键盘时挡住input解决方案
    解决方法
    scrollIntoView(alignWithTop) 滚动浏览器窗口或容器元素,以便在当前视窗的可见范围看见当前元素。
    alignWithTop 若为 true,或者什么都不传,那么窗口滚动之后会让调用元素的顶部与视口顶部尽可能平齐;
    alignWithTop 若为 false,调用元素会尽可能全部出现在视口中,可能的话,调用元素的底部会与视口顶部平齐,不过顶部不一定平齐。

    支持的浏览器:IE、Chrome、Firefox、Safari和Opera。
    该方法是唯一一个所有浏览器都支持的方法,类似还有如下方法,但是只有在Chrome和Safari有效:

    scrollIntoViewIfNeeded(alignCenter)
    scrollByLines(LineCount)
    
    <input id="txt" type="text" />
    <script>
    $(function(){
    $('#txt').blur(function(){
    var dom = this;
    setTimeout(function(){ dom.scrollIntoView(true); },200);
    });
    });
    </script>
    

    相关文章

      网友评论

          本文标题:iOS下Html页面中input获取焦点弹出键盘时挡住input

          本文链接:https://www.haomeiwen.com/subject/gedshqtx.html