弹出滚动问题

Question

这就是我要创建的CodePen example

这个想法是弹出窗口应该像Pinterest Link

一样工作

我遇到的问题是：

• 当你关闭弹出窗口时，页面总是跳到顶部。它应该留在原来的地方
• 弹出窗口是固定的，我怎么能让它像Pinterest一样移动它？我希望在顶部有一些间距，当你滚动你实际上向上移动
• 如果您有机会在手机上查看此内容，请执行此操作。我想让网站响应。如果您在移动版中查看弹出窗口，则表示不顺畅。这意味着当您滚动并将手指从触摸屏移开时，滚动会立即停止。因此，您需要用手指按下内容。它没有流动所以你可以滑动它会慢慢停止

我已经尝试了好几天，但是无法得到它。欢迎任何帮助:) tnx！

Answer 1

而不是像关闭按钮那样使用锚标记：

<div class="close"><a href="#portfolio">close</a></div>

请改为：

<span class="close">Close</span>

不要忘记为cursor:pointer课程添加.close样式。

你的问题将得到解决。

现在，当您单击firefox上的关闭按钮时，触发弹出窗口的图像会消失，万一您还没有检查过它。因此，最好不要使用锚标签作为关闭按钮。我的建议是永远不要使用锚标签来关闭按钮。

希望这会有所帮助。