沐鳴測速登錄地址_如何時時判斷元素是否進入當前視區

檢查元素是否在窗口內:,首先:編寫一個 util 函數 isVisible,它將僅接收一個參數,即 element。,這種方法實現起來比較簡單, 我們一步一步來。,1. 使用元素位置判斷元素是否在當前視區,export
const isVisible =
(el) => { };,2. 使用 Intersection Observer 判斷元素是否在當前視區,const vWidth =
window.innerWidth ||
document.documentElement.clientWidth;
const vHeight =
window.innerHeight ||
document.documentElement.clientHeight;,完整代碼:,邊界檢查:,const rect = el.getBoundingClientRect();,使用 getBoundingClientRect 獲取該元素的位置,將找到窗口的高度和寬度,再編寫一個函數,該函數基本上將接收 x 和 y 點,並使用elementFromPoint函數返回元素。,檢查元素是否在窗口內: