微信小程序,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设置滚动

你可能感兴趣的:(微信小程序,input输入框文字漂浮错位问题)