Javascript 哦,快照Jquery插件-通知不滚动

Javascript 哦,快照Jquery插件-通知不滚动,javascript,jquery,css,Javascript,Jquery,Css,我正在使用以下插件在我的页面上发布警报: 我的所有JS函数中都有插件 但没有发生的是位置。这些警报应该位于页面的右下角,如果有多个警报,则彼此堆叠在一起。它们确实是堆叠的。它们位于右下角,但假设用户向下滚动我的页面以提交表单。通知不会显示在新的右下角,而是显示在页面滚动之前的原始位置 警报位置的CSS为: .alert { padding: 15px; margin-bottom: 20px; border: 1px solid #eed3d7; border-radius: 4

我正在使用以下插件在我的页面上发布警报:

我的所有JS函数中都有插件

但没有发生的是位置。这些警报应该位于页面的右下角,如果有多个警报,则彼此堆叠在一起。它们确实是堆叠的。它们位于右下角,但假设用户向下滚动我的页面以提交表单。通知不会显示在新的右下角,而是显示在页面滚动之前的原始位置

警报位置的CSS为:

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #eed3d7;
  border-radius: 4px;
  position: absolute;
  bottom: 0px;
  right: 21px;
  /* Each alert has its own width */
  float: right; 
  clear: right;
}
我试着将位置改为“固定”,但得到了相同的精确结果

我希望这里有人曾经使用过这个插件,并在解决方案中体验过相同的结果

用解决方案更新


事实证明,插件页面缺少演示页面源代码中使用的一段代码。使用丢失的部件后,它现在可以正常工作。

只是一个旁注。我会在你的
.alert
类前面加上前缀,因为它非常通用,很可能会出现在许多不同的网站上,或者任何使用你的插件的地方。也许在你所有的类前面加上OHSAP。例如,
ohsnap警报
思维良好。我实际上没有注意到类名,因为我从原始站点复制并粘贴了CSS。哈哈,我想我现在就开始吧。谢谢:)@gautsch你说得对,这不是jesse的插件。他们只是在使用它。但他有一个观点,那就是编辑它会更好,至少对非泛型类是这样。@JesseElser这就是为什么我在开头说他们是对的