ionic3 iOS端键盘弹后隐藏导致整体界面点击位置偏移

在iOS端键盘弹出,整体界面向上偏移,点击空白区域键盘隐藏后,整体界面复原,但是点击时发现偏移 虽然界面看起来复原但是点击时元素的位置还是在键盘弹出时的位置.加了好多ionic的群去找解决方法,最终在大佬指点的情况下解决了此问题,以此记录下问题所在,怕以后忘记.

原因

可能是因为body的定位问题

解决办法

给输入框添加失去焦点事件,在事件里将界面重新滚动回去

ionic3+angular4
 

scrollToTop() {
    setTimeout(() => {
        window.scrollTo(0, document.body.scrollTop + 1);
        document.body.scrollTop >= 1 && window.scrollTo(0, document.body.scrollTop - 1);
    }, 10)
}

你可能感兴趣的:(ionic3 iOS端键盘弹后隐藏导致整体界面点击位置偏移)