如何在页面加载时滚动和淡入文本？

.fade-in-text {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

window.addEventListener('load', function() {
  var textElements = document.getElementsByClassName('fade-in-text');
  
  for (var i = 0; i < textElements.length; i++) {
    var textElement = textElements[i];
    textElement.classList.add('fade-in');
  }
});

.fade-in {
  opacity: 1;
  transform: translateY(0);
}