Date().getTime();if(instance.group.length<2||current.opts.wheel===!1||(current.opts.wheel==="auto"&&current.type!=="image")){return}e.preventDefault();e.stopPropagation();if(current.$slide.hasClass("fancybox-animated")){return}e=e.originalEvent||e;if(currTime-prevTime<250){return}prevTime=currTime;instance[(-e.deltaY||-e.deltaX||e.wheelDelta||-e.detail)<0?"next":"previous"]()})}})})(document,jQuery);制作メモとか、趣味とか、雑記。js]css側でフェードイン・アウトを構築する方法WEBTwitterFacebookはてブPocketPinterestLinkedInコピーコメント2023.05.17.fadeIn()、.fadeOut()に頼らない方法。目次やりたいことこうする解説的なものやりたいこと要素のフェードイン・アウトをしたいclassをつけたり外したりを発火トリガーにしたいjsは切り替えだけにしたい切り替えた際の動作はcssで完結したい要するにjs側の負担を少なくしつつ、でも同じ感じにやりたい。するなんでもいいけどターゲットと発火用のボタンがあるとして。id="target"></div>js(jQuery)はこう。})})cssはこう。1;}フェードをopacityとtransitionでやっといて、z-indexで後ろに持っていく。解説的なものまず、活用シーンとして適してるのはポップアップや画面端固定表示のコンテンツ。ページの上部に絶対位置指定で設置するタイプが合ってる。opacity:0;にしても見えないだけで存在するので、例えばリンクを仕込んでたらクリックできるままになる。display:none;を使うとフェード機能を付けられない(めんどくさい)のでz-indexが必要になる。.toggleFade()とかでいいじゃんってなるんだけど、レスポンシブとか考えると発火タイミングが増えたりPC・SPで表示の仕方が変わったりして、色々に対応する内容を書かなきゃいけないケースが出てくる事がある。