在學(xué)習(xí)懶加載的過(guò)程中出現(xiàn)了, 出現(xiàn)了這幾個(gè)距離, 不是很理解, 特意做了一些查詢.
$(selector).scrollTop() 指的是該元素的滾動(dòng)條已經(jīng)滾動(dòng)過(guò)的距離, 也就是文檔被瀏覽器頂部檔住的部分, 這個(gè)距離和滾動(dòng)條距離窗口的位置沒(méi)有關(guān)系.
如果這個(gè)元素沒(méi)有滾動(dòng)條, 則獲取的值是0
$(selector).offset().top 指的是元素在頁(yè)面中的坐標(biāo)中的縱坐標(biāo), 如果頁(yè)面結(jié)構(gòu)沒(méi)有發(fā)生變化, 這個(gè)值是不會(huì)變化的
$(window).height() 指的是瀏覽器窗口的高度了
對(duì)于元素出現(xiàn)在窗口中的兩個(gè)臨界條件:
$(window).height() + $(window).scrollTop() === $(selector).offset().top$(window).scrollTop() === $(selector).height()
