滾動頁面時JavaScript顯示活動div

Question

我幾乎到處搜索，但找不到。 我有一個像Facebook或Instagram的飼料。 我像其他帖子（如instagram）一樣，每5個帖子后放置一個addivtesment div。 問題是當滾動位置在addivtesment div上時我滾動頁面時，我想用js添加一個類。 我怎樣才能做到這一點？ 順便說一下，當滾動是頁面底部時，我會加載其他帖子。 先感謝您

Answer 1

您可以使用jquery getBoundingClientRect來檢查元素是否在視圖中，然后向其中添加視圖中的類。 將div元素傳遞給以下方法，如果div在視口中，則它將返回true

function isElementInView(element){
  var boundry = element.getBoundingClientRect();

  var isInView = boundry.top >= 0 && boundry.left >= 0 &&  
                 boundry.bottom <= (window.innerHeight || $(window).height()) &&  
                 boundry.right <= (window.innerWidth || $(window).width());

  return isInView;
}