javascript滚动显示并加载淡出淡入文本动画特效

使用方法

var elScroll = document.querySelectorAll('.scroll'); //pega todos os elementos com a classe .scroll

document.onscroll = function() { //ao rolar a tela...
  elScroll.forEach(elScroll => { //cada elemento com a classe .scroll ...
  var positionEl = elScroll.getBoundingClientRect(); //pega valores da posição do elemento
  var alturaEl = positionEl.top; //pega distancia do topo da tela
  
  if(alturaEl < 300) { //se a distancia do topo for menor que 300
    elScroll.classList.add('scroll--show'); //adiciona a classe .scroll--show
  }
 });
}