jsスクロールにかんして

Question

jQuery(function($){
'use strict';
var inviewObserver = new IntersectionObserver(function(entries, observer){
entries.forEach(function(entry) {
if (!entry.isIntersecting) return;
var $target = $(entry.target),
delay = 200;
if($target.hasClass('js-fv')){
delay = 800;
}
$target.delay(delay).queue(function() {
$target.addClass('is-inview').dequeue();
});
observer.unobserve( entry.target );
});

Answer 1

バニラJS（素のJavaScriptのこと）では、対象要素の、
ビューポート（ブラウザの表示領域）からの相対位置を取る方法があるので、
それを使えばよいかと。

const targetDom = document.querySelector('スクロール位置を取りたい要素のセレクタ');

$(window).on('scroll resize load',function(){
  const rect = targetDom.getBoundingClientRect();
  if (rect.top <= $(window).height() - 100 && rect.top > 100) { // 数値は例
    if(!flg){
      mySVG.drawsvg('animate');
      flg = true;
    }
  }
});

上の例では、対象要素の頭が、下から100px位置まできた、かつ、ビューポート上から100pxまでの範囲の時に、実行としています。