css - 防止 CSS only 模态窗口跳转到页面顶部

标签 css modal-dialog

有什么方法可以防止仅使用 CSS 的模式跳转到页面顶部吗?

<a href="#modal-1" />MODAL LINK</a>

<div id="modal-1" class="modal">
<div class="modal-content">
<div class="header">
<a href="#"><i class="fa fa-times-circle fa-2x"/>XX</i></a>
</div>
<div class="copy">
<p>CONTENT GOES HERE</p>
</div>
<div class="cf footer">
</div>
</div>
<div class="overlay"></div>
</div>

最佳答案

使用 href="javascript:void(0)" 而不是 href="#"

关于css - 防止 CSS only 模态窗口跳转到页面顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24908528/

相关文章:

html - 添加导航栏后,我的模式上的关闭按钮在滚动时被隐藏

html - 如何在不禁用复选框的情况下停止单击它

css - 自动完成搜索建议下推其他内容

Javascript 多个循环显示我的模态信息

java - 使用 Selenium webdriver 的模态页面自动化

javascript - 每个按钮单击 : jQuery 时, map 都会附加到模态主体

objective-c - 使用 presentModalViewController 时自定义/覆盖 View 大小

html - 转发响应式电子邮件,同时保留媒体查询

html - 列出不从父级继承样式的元素

html - IE7和IE8的兼容性问题