有input的列表下自定义弹窗

项目场景：

在一个列表页中，每一项有一个输入框，在某处点击弹出弹窗。

---

问题描述

今天在做项目的时候遇到的问题：前面的做好的逻辑是这样的，在页面中需要弹窗，并可以左右滑动那种，微信的弹窗没办法直接用，一开始做好的弹窗是，固定屏幕的高度，超出部分滚动。弹窗弹出用的是相对定位。今天说要在列表上加一个输入框。加完之后再体验版发现，输入框输入时文本会与原来的位置脱离，改变属性也不行。就尝试从自定义的弹窗入手，得以解决。

原因分析：

一开始做的弹窗固定了高度，排查输入框问题的时候发现不可以固定页面高度。

---

解决方案：

讲弹窗的相对定位改成相对浏览器定位，即：position: absolute; 改成position: fixed;就解决啦~~不懂的可以私聊哦！