jquery - 具有带有 css/jquery 的浏览器模式中心

Question

我有一个表格需要隐藏，直到从冗长的常见问题解答中选择。当我使用诸如 fancybox 或 colorbox 之类的东西时，它看起来是最好的...但是出于某种原因，我无法弄清楚它是否会破坏提交操作。

我只使用一个简单的显示/隐藏和 jquery 和一些 css 属性来定位模态。我无法让它像插件一样工作。例如，主要问题是隐藏框相对于页面顶部是绝对定位的。这是一个问题，因为如果有人向下滚动页面，他们将不会看到它，直到他们向上滚动......无论您滚动到哪里，插件总是将模态带到页面的死点。我可以仅通过 css 实现吗？

Answer 1

如果您将 position 值更改为 fixed 而不是 absolute 元素将随着页面移动而滚动。

例如，.centerOfPage { position: fixed;顶部:50%；左:50%； 会将元素保持在“视口(viewport)”的中间，即使在滚动时也是如此。

至于失败的提交，如果您在表单提交点击时触发模态，它将取消您的表单提交，并在某处或其他地方返回 return false;。我不确定你的模式是在哪里/如何触发的(需要更多信息)。