微信小程序，input输入框文字漂浮问题

问题图：

image.png

看图可知，当手机号input框获得焦点时，滑动页面，此时会出现 输入框走了，但是输入框内的内容/placeholder 仍停留在原来位置，最终导致和其他元素重叠（漂浮）

我的代码：

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

1、原来的写法是

.form-container {
  positon: absolute;
  bottom: 0;
  overflow: scroll;
}

2、改正后的写法

.container {
    overflow: scroll;
    ...
}
.form-container {
  positon: relative;
  ...
}

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