【问题标题】:Alertify JS Center dialog window提醒 JS 中心对话框窗口
【发布时间】:2017-04-05 15:32:00
【问题描述】:

有没有办法让 Alertify Js 插件的对话框窗口居中? http://alertifyjs.com

我看到有一个叫position的属性,但是它不支持中心位置。

谢谢大家。

【问题讨论】:

  • 你说的是垂直居中吗?因为它似乎已经水平居中在demos

标签: javascript css alertify alertifyjs


【解决方案1】:

如果你修改 css 你可以做到这一点:

.alertify .ajs-dialog {
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
}

之前:

之后:

【讨论】:

  • 谢谢凯文,当对话框不可拖动时,这没关系。但是当你拖动对话框时,它会移动到窗口的顶部。
  • 使用 'autoReset', false 以避免在窗口调整大小时再次设置位置 alertify.confirm('autoReset: false').set('autoReset', false);