已經(jīng)有類似的文章了昂灵,但是總感覺哪里不對琉历!
所以此文僅作備忘用,如果能幫助你更好的理解就更好了见转!
目標(biāo)元素:#item
var item = $('#item');
當(dāng)頁面滾動時命雀,元素隨頁面滾動,該元素距離頂部的距離
var itemOffsetTop = $("#item").offset().top;
獲取item的高度(我的需求需要包含外邊距)
var itemOuterHeight = $("#item").outerHeight(true); //這個方法可以傳遞一個參數(shù)true, 如果傳遞表示需要求出的高度含有外邊距, 否則不含有. 具體視需求而定.
獲取頁面滾動的距離
var winScrollHeight = $(window).scrollTop();
瀏覽器可見區(qū)域的高度:
var winHeight = $(window).height();
那應(yīng)該如何確定元素在可見區(qū)域內(nèi)呢斩箫?
實現(xiàn)代碼:
if(!(winScrollTop > sectionThreeOffsetTop+sectionThreeOuterHeight) && !(winScrollTop < sectionThreeOffsetTop-winHeight)) {
console.log("出現(xiàn)了")
} else {
console.log("消失了")
}