Popup div with pure CSS/HTML 不改变视口位置
Popup div with pure CSS/HTML without changing the viewport position
我想要实现的是一个弹出窗口 window，带有纯 CSS，即不使用 JavaScript。我想出了一个使用 target 伪类的解决方案，但问题是每当我单击弹出窗口的 close 按钮时，它都会将视口滚动到我指定的 href 元素，在这种情况下 #home。我想要实现的是无论滚动位置如何，视口都不会移动的功能。例如，如果我打开弹出窗口然后滚动到最后一节，然后单击关闭按钮，视口应该停留在最后一节。
这是 jsFiddle：https://jsfiddle.net/tmzjpwkz/6/
将 href 替换为#popup:target
<a href="#popup:target">Close</a>
我想要实现的是一个弹出窗口 window，带有纯 CSS，即不使用 JavaScript。我想出了一个使用 target 伪类的解决方案，但问题是每当我单击弹出窗口的 close 按钮时，它都会将视口滚动到我指定的 href 元素，在这种情况下 #home。我想要实现的是无论滚动位置如何，视口都不会移动的功能。例如，如果我打开弹出窗口然后滚动到最后一节，然后单击关闭按钮，视口应该停留在最后一节。
这是 jsFiddle：https://jsfiddle.net/tmzjpwkz/6/
将 href 替换为#popup:target
<a href="#popup:target">Close</a>