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