【H5开发】iphone 手机的input输入框之后,页面会被顶上去。

【bug】—— iphone 手机的input输入框之后,页面会被顶上去,页面元素会出现错位。

解决:

 <input class="mg-t10" type="number" v-model="courseData.allnum" placeholder="请输入课程名额" @blur="blur()">

添加方法:@blur="blur()"。input失去焦点的时候会触发

 方法:

  blur() {

      setTimeout(function () {

      var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0

        window.scrollTo(0, Math.max(scrollHeight - 1, 0))

      }, 100)

    }

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容