如何检测元素可见性(z索引,固定,不透明度等)(Intersection Observer V2替代)

时间:2019-07-03 18:09:11

标签: javascript z-index visibility intersection-observer

Intersection Observer V2将引入新功能,以基于不透明度,z索引和固定位置等因素检测实际可见性。

信息:https://developers.google.com/web/updates/2019/02/intersectionobserver-v2

问题:是否有其他方法或polyfill可以检测在当前浏览器中有效的可见性?

测试:https://jsfiddle.net/v3kgewhf/

def serv():
    """ the main thread for listening"""

    global future ,soc ,add

    while True:

        s.listen(5)
        soc,add =s.accept()
        future =pool.submit(clientHandle,soc,add) #handling thread 
        print(" a new thread created to serve the client")

def clientHandle(socObj, address):
    print("thread been called")

    global client_data
    client_data =pd.DataFrame(columns=['Location','lat','long','speed','ID','Time'])

    client_sockets.append(socObj)
    client_addr.append(address)
    while True :
        content=socObj.recv(1024)
        if len(content)>0:
            data=content.decode()
            str(data)
            print(data)

1 个答案:

答案 0 :(得分:0)

另一种方法是使用 DocumentOrShadowRoot.elementFromPoint 方法轮询您希望检测可见性的点,其 setInterval 延迟类似于您将用作 Intersection Observer v2 的延迟。

这是目前两者之间的 caniuse 链接,其中 elementFromPoint 支持 99%+ 的用户,而 Intersection Observer v2 仅支持 69%+。