使用JS检查动态内容的可见性

Question

我正在尝试检查消息：

"Nenhuma conversa ou mensagem foram encontradas"

对于此站点中的用户可见：

https://web.whatsapp.com/

使用Javascript， 当我搜索字符串并且应用程序找不到任何结果时，会显示该消息。

但我无法做到这一点。

这是我的代码单元现在：

function isHidden(el) {
    return (el.offsetParent === null)
}
var a = document.getElementsByClassName("empty-text");
isHidden(a);

但isHidden总是返回false，即使我没有在屏幕上看到该消息。

如何正确检查邮件的可见性？

Answer 1

此代码非常有效。这将检查项目是否在视图中

function isvisible(el){
  return window.scrollY + window.innerHeight >= el.offsetTop
}
window.onscroll=function(){
  var elem = document.getElementById("isHidden");
  if(isvisible(elem)){
    //some code
  }
}