屏幕底部的悬空通知 [英] Overhang notification at bottom of the screen

问题描述

我正在使用突出显示在用户登陆我的网站时显示通知.该通知从屏幕顶部出现，并在向下滚动时保留在该位置.我想要相同的功能，但在屏幕底部.基本上，我希望通知显示在屏幕的底部而不是顶部，即使我向下/顶部滚动，也可以保留在该位置.我该怎么办?

I am using overhang to display a notification whenever user lands on my website. The notification appears from top of my screen and remains there when I scroll down. I want the same functionality but at the bottom of the screen. Basically, I want the notification to appear at the bottom of the screen rather than top and then remain there even if I scroll down/top. How can I do that?

悬垂代码如下:

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

提前谢谢！

推荐答案

在overhang.min.css中，您会找到

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

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

If you replace top:0; by bottom:0; it should be fixed at the bottom of the window.

这篇关于屏幕底部的悬空通知的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！