jQuery .scrollTop(), .offset().top, $(window).height()理解

在學習懶加載的過程中出現了, 出現了這幾個距離, 不是很理解, 特意做了一些查詢.

$(selector).scrollTop() 指的是該元素的滾動條已經滾動過的距離, 也就是文檔被瀏覽器頂部檔住的部分, 這個距離和滾動條距離窗口的位置沒有關系.
如果這個元素沒有滾動條, 則獲取的值是0

$(selector).offset().top 指的是元素在頁面中的坐標中的縱坐標, 如果頁面結構沒有發生變化, 這個值是不會變化的

$(window).height() 指的是瀏覽器窗口的高度了

對于元素出現在窗口中的兩個臨界條件:

  • $(window).height() + $(window).scrollTop() === $(selector).offset().top
  • $(window).scrollTop() === $(selector).height()
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Window和document對象的區別 window對象window對象表示瀏覽器中打開的窗口window對象是...
    FConfidence閱讀 2,238評論 0贊 5
  • 本文是針對剛學編程的小白,都是一些基礎知識,如果想了解更多深層一點的東西,歡迎移步本人博客!! 博客地址 點擊跳轉...
    西巴擼閱讀 591評論 0贊 2
  • //------------------------- 第一章 認識JQuery ----------------...
    米塔塔閱讀 737評論 0贊 9
  • JavaScript 將字符串轉換為數字 parseInt() ◆只保留數字的整數部分，不會進行四舍五入運算。 ...
    AkaTBS閱讀 1,000評論 0贊 9
  • 嗯，今天不開心 再補一個( ??????????? ) 遇到很多事情，對自己也很失望。
    鶴樓歸閱讀 156評論 0贊 0