javascript - 要素がビューポートにあるときにタイプライター効果を開始します

Question

ビューポートに表示されているときに、テキスト要素のタイプライター効果を開始する必要があります。getBoundClientRect を試してみましたが、何か足りないと思います。ドキュメントの準備が整うと常に開始されるため、要素にすばやく移動しないと効果がわかりません。スクロールイベントリスナーも試してみましたが、効果はスクロールの動きで実行されます。

これは私が使用しているコードです:

let i = 0;
let txt = 'Natural . Imperfecto . Extraordinario';
let speed = 150;

function sectionActive () {
  let section = document.getElementById('typewriter');
  const boxPlace = section.getBoundingClientRect();
  
  if (boxPlace.top = 200) {
    function typeWriter() {  
      if (i < txt.length) {
        section.innerHTML += txt.charAt(i);
        i++;
        setTimeout(typeWriter, speed);
      }
    }
    typeWriter();
  }
}

jQuery(document).ready(sectionActive);

ありがとう！！！