###Fast viewで、scrollのイベントを発火させたい。
下記の方法で
指定classのタグがwindowの高さ1/4に達した場合、イベント発火、classを追加させています。
scrollすればイベントが作動するのですが、
今回行いたいは、Fast viewで既に指定classのタグがwindowの高さ1/4に達している場合、scrollせずとも発火させる方法。
レスポンシブ使用を考えていて、
SPデザインの場合は下記のままで問題なく動くのですが、PCデザインの場合は、Fast viewで既に指定classのタグがwindowの高さ1/4に達してしまっているので、そこがネックになっています。
###該当のソースコード
javascript
1$(window).load(function(){ 2var target01 = $('.motion_wrap h2'), 3 target02 = $('.motion_wrap ul li'); 4 5 // scroll Event 6 $(window).scroll(function (e) { 7 $(".motion").each(function () { 8 var imgPos = target02.offset().top; 9 var moScroll = $(window).scrollTop(); 10 var window_H = $(window).height(); 11 12 if (moScroll > imgPos - window_H + window_H / 4) { 13 target02.addClass('motion02_ttl'); 14 target01.addClass('motion02'); 15 $(window).off(e); 16 } 17 }); 18 }); 19 20});
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2017/02/08 04:49