使用纯CSS / HTML的Popup div而不更改视口位置

Question

我想要实现的是一个带有纯CSS的弹出窗口，即不使用JavaScript。我使用target伪类提出了一个解决方案，但问题是每当我单击弹出窗口的close按钮时，它会将视口滚动到我指定的href元素，在这种情况下#home。我想要实现的是视口不移动的功能，无论滚动位置如何。例如，如果我打开弹出窗口然后滚动到最后一个部分，然后单击关闭按钮，则视口应保留在最后一部分。

这是jsFiddle：https://jsfiddle.net/tmzjpwkz/6/

Answer 1

用#popup：target

替换href

  <a href="#popup:target">Close</a>

https://jsfiddle.net/tmzjpwkz/8/