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

Question

页面未滚动的时候，效果如图，这是符合预期的。点击按钮出现弹出层。但是页面如果滚动了，效果就不好了。视野内出现的是弹出层中部。如图怎么让页面滚动之后，弹出层位置如未滚动的时候一样是完整的在视野内呢？

Answer 1

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