判斷元素是否在可視區域內


 

如果頁面有頭部置頂和底部置底的元素,需要自行進行計算:

  • scrollTop  +   頭部置頂元素高度
  • screenHeight - (置頂和置底元素的高度)
//元素距離頁面頂部的距離
var eleTop = $("#ele").offset().top;
//元素本身的高度
var eleHeight = $("#ele").height();
//頁面滾動的距離
var scrollTop = $(window).scrollTop();
//可視區域高度
var screenHeight = $(window).height();
/**
   * 第一種情況   由於元素隨頁面向上滾動, 整個頁面滾動的距離  大於 (元素距離頁面頂部的距離 + 元素本身的高度 )-> 超出
    * 第二種情況   由於元素隨頁面向下滾動, 整個頁面滾動的距離  小於 (元素距離頁面頂部的距離 - 瀏覽器可見區域高度 )-> 超出
*/

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM