如何判斷乙個元素是否在可視區域內

2021-10-14 16:33:47 字數 689 閱讀 6889

以使用 jquery 實現為參考

目標元素:#card

let $card = $('#card');
當頁面滾動時,元素隨頁面滾動,該元素距離頂部的距離

let cardoffsettop = $("#card").offset().top;
獲取 card 的高度(card 包含外邊距)

let cardouterheight = $("#card").outerheight(true); //這個方法可以傳遞乙個引數true, 如果傳遞表示需要求出的高度含有外邊距, 否則不含有. 具體視需求而定.
獲取頁面滾動的距離

let winscrollheight = $(window).scrolltop();
瀏覽器可見區域的高度:

let winheight = $(window).height();
那應該如何確定元素在可見區域內呢?

實現**:

if(!(winscrolltop > cardoffsettop+ cardouterheight) && !(winscrolltop < cardoffsettop - winheight))  else

如何判斷元素是否在可視區域ViewPort

個性簽名 生如夏花,逝如冬雪 人生如此,何悔何怨。前言 經常需要計算元素的大小或者所在頁面的位置,offsetwidth,clientwidth,scrollwidth,scrolltop這幾個關鍵字的出現更是家常便飯,每次碰到都需要事先實驗一番。為了下次開發提高效率。在這裡一次性做個總結,以用來判...

如何簡單判斷乙個點是否在某個區域之中

具體原理 射線法 但是本人也並不是很理解為什麼在某個區域內則會說交點為奇數個,不過通過畫圖的確沒法畫出那種情況 下面是本人根據理解寫的 有問題歡迎批評指正 public boolean isinregion point p,listboundary int count 0 point p1 poin...

iOS開發 判斷乙個點是否在某個區域

ios有時候需要判斷是否touch到某個圖的區域中。也就是touch到的這個點是否在某個圖的區域範圍內。解決問題的辦法很多,這裡簡單介紹一種。我們可以通過cgpath建立乙個區域,區域是由路徑做兩點間線段並閉合成的區域,然後就可以用cgpath相關函式cgpathcontainspoint判斷點是否...