解决在vue项目在ios移动端中,软键盘关闭后页面底部留白的问题
首先有一个输入框<input type = "number v-model = 'currValue' @blur = "onBlur" >通过监听是否失去焦点来调用方法 onBlur()onBlur() {document.body.addEventListener("focusout", () => {setTimeout(() =&g...
·
首先有一个输入框
<input type = "number v-model = 'currValue' @blur = "onBlur" >
通过监听是否失去焦点来调用方法 onBlur()
onBlur() {
document.body.addEventListener("focusout", () => {
setTimeout(() => {
const scrollHeight =
document.documentElement.scrollTop || document.body.scrollTop || 0;
window.scrollTo(0, Math.max(scrollHeight - 1, 0));
}, 100);
});
}
通过监听软键盘是否关闭,来滑动屏幕,使留白消失。
更多推荐
已为社区贡献2条内容
所有评论(0)