IntersectionObserver.observe

2020-09-14 15:38 更新

簡介

IntersectionObserver.observe 用于指定目標節(jié)點并開始監(jiān)聽相交狀態(tài)變化情況。

接口調用

入參

入參結構為：(String targetSelector, Function callback)。

屬性 類型 描述
targetSelector String 選擇器。
回調函數 Function callback 監(jiān)聽相交狀態(tài)變化的回調函數。

callback 參數

Object res 屬性

屬性 類型 描述
intersectionRatio Number 相交比例。
intersectionRect Object 相交區(qū)域的邊界。
boundingClientRect Object 目標邊界。
relativeRect Object 參照區(qū)域的邊界。
time Number 相交檢測時的時間戳。

res.intersectionRect 屬性

屬性 類型 描述
left Number 左邊界。
right Number 右邊界。
top Number 上邊界。
bottom Number 下邊界。

res.boundingClientRect 屬性

屬性 類型 描述
left Number 左邊界。
right Number 右邊界。
top Number 上邊界。
bottom Number 下邊界。

res.relativeRect 屬性

屬性 類型 描述
left Number 左邊界。
right Number 右邊界。
top Number 上邊界。
bottom Number 下邊界。
以上內容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號