屏幕底部的悬垂通知

Question

我正在使用overhang在用户登陆我的网站时显示通知。当我向下滚动时，通知会显示在屏幕顶部并保持不变。我想要相同的功能，但在屏幕的底部。基本上，我希望通知显示在屏幕的底部而不是顶部，然后即使我向下滚动/顶部也保持在那里。我怎么能这样做？

悬垂代码如下：

$("body").overhang({
  custom: true,
  message: "Upcoming event",
  closeConfirm: true
});

提前致谢！

Answer 1

在overhang.min.css中你会找到

.overhang,.overhang-overlay{position:fixed;top:0;left:0;right:0}

如果您将top:0;替换为bottom:0;，则应将其固定在窗口底部。

Answer 2

如果您可以修改overhang CSS文件，

保罗 答案应该有效。如果不能，只需在自定义CSS中覆盖该样式，例如：

body .overhang,
body .overhang-overlay {
    top: auto;
    bottom: 0;
}

添加了

body以使规则更准确，因此它会覆盖overhang.css中的样式，而不使用不必要的!import指令。