Javascript 如何检查div是否对用户可见？

基本上，我在幻灯片栏中有一个默认不可见的通知（切换）。当任何通知出现时，它会填充在幻灯片栏中，单击切换按钮，幻灯片栏会从右向左打开。我如何确保用户是否在幻灯片栏中查看了特定的通知

类似于我所做的事情

---

单击右上角的开关，滑动条将打开，通知将可见。如何知道该状态

如果使用jQuery，可以执行以下操作

if($(element).is(':visible')) {
    // Hello
}

---

元素始终可见。它只是在切换时向右移动。因此这可能没有帮助。检查这里。推荐的@Dan解决方案。此答案可能对您有用