标签: html css popup popupwindow
我想要实现的是一个带有纯CSS的弹出窗口,即不使用JavaScript。我使用target伪类提出了一个解决方案,但问题是每当我单击弹出窗口的close按钮时,它会将视口滚动到我指定的href元素,在这种情况下#home。我想要实现的是视口不移动的功能,无论滚动位置如何。例如,如果我打开弹出窗口然后滚动到最后一个部分,然后单击关闭按钮,则视口应保留在最后一部分。
target
close
href
#home
这是jsFiddle:https://jsfiddle.net/tmzjpwkz/6/
答案 0 :(得分:2)
用#popup:target
<a href="#popup:target">Close</a>
https://jsfiddle.net/tmzjpwkz/8/