微信小程序,input输入框文字漂浮错位问题

当input框获得焦点时,滑动页面,此时会出现 输入框走了,但是输入框内的内容/placeholder仍停留在原来位置,最终导致和其他元素重叠(漂浮)

我的代码:

我的表单内容写在 .form-container

1、原来的写法是
.form-container {
  positon: absolute;
  bottom: 0;
  overflow: scroll;
}
2、改正后的写法
.container {
    overflow: scroll;
    ...
}
.form-container {
  positon: relative;
  ...
}

如果整个页面过长,要滚动,而且还有input框的话,应该让 page 滚动,且禁止给page下的任何包含input框的view设置滚动

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

推荐阅读更多精彩内容