javascript - 移动端如何让绝对定位的弹出层位置在视野内？

Question

页面未滚动的时候，效果如图，这是符合预期的。

点击按钮出现弹出层。

但是页面如果滚动了，效果就不好了。视野内出现的是弹出层中部。如图

怎么让页面滚动之后，弹出层位置如未滚动的时候一样是完整的在视野内呢？

Answer 1

必须要用absolute吗？ 可以尝试用fixed，应该可以解决你现在的问题，不过页面还是会滑动。

Answer 2

如果你用的 absolute，可以尝试 position: fixed

Answer 3

最后你怎么解决了？？求教