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'}

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐