关于苹果浏览器Safari弹出键盘把文本框挡住的问题

<body>
    <input type="text" class="form-control" placeholder="输入内容..." id="textInput">
</body>
<script>
    var interval;
    //消息框获取焦点
    $('#textInput').focus(function () {
        interval = setInterval(function () {
            scrollToEnd();
        }, 500)
    })
    //消息框失去焦点
    $('#textInput').blur(function () {
        clearInterval(interval);
    })
    function scrollToEnd() {
        // document.body.scrollTop = document.body.scrollHeight;
        document.body.scrollTop = (parseInt(document.body.scrollHeight.split("px")[0])-50)+'px';
    }
</script>

在滚动的时候，减去50px，效果和弹起的效果差不多。 iphone6sp/iphone5s/iphone6s 下测试的

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

关于苹果浏览器Safari弹出键盘把文本框挡住的问题

你尚未登录，登录后可以

vue2.6，打包后app.js，8M,chunk.js，6M，加载打开页面很慢，有什么办法减少，打开页面快一些？

Element Plus表格组件如何呈现复杂布局如图？

多个vue项目，后台接口都是一样的，每个vue项目的同一个页面都只是一小部分修改，怎样把公共的代码提出来复用？

如何解决浏览器清除缓存导致axios请求404？

使用高德地图的海量点绘制和区域绘制，区域绘制会因为海量点导致卡顿，有什么好的优化方法？

cursor使用一段时间之后保存编辑的文件会卡住?

element-plus 的 el-radio-group 组件选中一个值之后通过selectedColor.value = ''无法取消选中？