前提・実現したいこと
以下のjsにより、リサイズ時に
768以上では、表示させないようにしたいのですが、
768以下から768以上にウィンドウを変更したときに
要素が非表示にならず、表示されたままになってしまいます。
該当のソースコード
js
1$(window).on('load resize', function(){ 2 var w = $(window).width(); 3 var x = 768; 4 if (w < x) { 5$(window).on("scroll touchmove", function(){ //スクロール中に判断する 6 $(".flo_ban").stop(); //アニメーションしている場合、アニメーションを強制停止 7 $(".flo_ban").css('display', 'none').delay(500).fadeIn('fast'); 8 //スクロール中は非表示にして、500ミリ秒遅らせて再び表示 9 }); 10 11 } else { 12//それ以外のときの処理 13$('.flo_ban').hide(); 14 } 15 });
回答3件
あなたの回答
tips
プレビュー