1.网上给出的解决方法一般是当软键盘收起时检测输入框失焦,失焦后重新滑动回输入框位置。在 mounted () 内加入如下代码可治标但不治本。
document.body.addEventListener('focusout',()=>{
this.$el.querySelector("#demo").scrollIntoView({
behavior: 'smooth', // 平滑过渡(ios不生效)
block: 'start' // 上边框与视窗顶部平齐。默认值
})
})
2.通过页面滑动发现页面向上滑动时有两个滑动调,怀疑时代码打包部署后增加了某些控制滑动的样式,通过在页面初始化时对页面设置滚动属性解决,代码如下:
mounted () {document.getElementsByTagName('html')[0].style.overflowX = 'visible'}