3

作为一个整体,我对 Javascript 和 Web 端编程还比较陌生。

但是我想知道如何创建一个小部件来保存 X(例如 10,50,100,...)最近传入的 toastr 通知的列表。我发现了如何显示通知,防止它们消失等。当然,当通知列表变得大于小部件大小时,小部件不会自动创建滚动条(见图)。

我的实际问题是双重的:

1)我想找到一种在小部件中设置滚动条的方法,该滚动条允许用户查看通知的完整列表,即使是那些未出现在屏幕上的通知。

2) 有谁知道是否可以在此小部件中仅保留指定数量的最新通知(即大小为 X 的列表,可以附加最新的通知,以及可以从中弹出和删除最近的通知的位置从屏幕上?)

如前所述,我正在使用toastr进行通知,因此相关的解决方案会很棒,但我很欣赏任何新想法的流动。

编辑。toastr 通知包含在 iFrame 中。我尝试更改 iframe,以便在通知超出框架时显示滚动条。

style="overflow: scroll;"

但这不起作用。

通知在小部件框之外丢失的一个不好的例子。 虚拟数据。

4

0 回答 0