前提・実現したいこと
jQueryを使ってクラスをつけるという、シンプルなことがしたいのですが、
なぜか意図したとおりに動作してくれません。。。
. #t1,#t2,#t3,#t4にそれぞれscrollTopとWindowを使って
特定のサイズかつスクロール位置になったら発火したい
発生している問題・エラーメッセージ
読み込みと同時に作動してしまう…
該当のソースコード
$(function(){ $(window).on("load", function(){ var w = $(window).width(); var y = $(window).scrollTop(); addClassSlide(x, y); $(window).on("scroll",function(){ var w = $(window).width(); var y = $(window).scrollTop(); if ( !$("#t3").hasClass("active") || !$("#t3_sp").hasClass("active") ) { addClassSlide(x, y); } }); }); function addClassSlide(x, y) { var a = setTimeout( function(){ $("#t1").addClass("active"); }, 0); var b = setTimeout( function(){ $("#t2").addClass("active"); }, 800); var c = setTimeout( function(){ $("#t3").addClass("active"); $("#t3_sp").addClass("active"); }, 0); var d = setTimeout( function(){ $("#t4").addClass("active"); $("#t4_sp").addClass("active"); }, 1000); if ( x < 768 && y > 900 ) { console.log("vvv"); return c,d; } else { console.log("aaa"); return a,b; } } });
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
HTML / CSS / jQuery3.4.0