如何为动画（blast.js）添加不透明度和平滑度

Question

我对Javascript不太熟悉，但是我正在尽我所能来使用这种该死的，非常复杂的语言。

能帮我吗？我不明白如何为动画添加不透明度。到原始不透明度为0，并且随着文本的出现，不透明度达到100％。

我正在尝试添加，但是我的代码坏了。动画停止工作。 InOutExpo的平滑度也相同。我可以假设我做错了什么。我希望您能帮助我解决这个问题。并希望向您解释。

window.addEventListener('scroll', (evt) => {
  const footer = document.getElementById('spans');
  const isInView = isScrolledIntoView(spans);
  if (isInView) {
    console.log;
  } else {
    console.log;
    // --
     $(function() {
      var words = $('h1').blast({
        delimiter: 'word'
      });
      words.each(function(i) {
        $(this).css({
            position: 'relative',
            top: 150,
          })
          .delay(i * 70)
          .animate({
            top: '50px'
          }, 400, );
      });
      });
  }
})

function isScrolledIntoView(el) {
  const rect = el.getBoundingClientRect();
  const elemTop = rect.top;
  const elemBottom = rect.bottom;

  return elemTop < window.innerHeight && elemBottom >= 0;
}

这是Blast.js库