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);制作メモとか、趣味とか、雑記。FactoryホームABOUTCONTACT[js]読み込み時・スクロール時にフェードインで要素を表示するやつWEBTwitterFacebookはてブPocketPinterestLinkedInコピーコメント2021.06.01まあーね。用法用量に注意やりすぎはダメ。溜めて表示するのとか、閲覧時恐ろしく煩わしい。一回フェードやったのにスクロールして戻ってくるたびにまたエフェクトかかってるのも見づらくてしょうがない。製作中にだるくなると思うから、何がしんどいってのはわかると思う。使い始めは楽しくなっちゃうけど見返すのもだるいし、細かいオプションを作りまくって管理するのとかすごいめんどい。シンプルに、単純にやるのが丁度いいと思う。ScrollReveal.js自作は論外としていくつか手を出したけど、これが一番楽だしシンプルでいい。documentation.scrollrevealjs.org検索すれば導入記事はくさるほど出てくるので割愛。記事ページに良いかもしれないシンプルすぎてどうしようもない記事ページに何か付けたいなと。いいからフェードしたらなんかそれっぽくない?ってなった。本文に対しての適用はめっちゃ楽。the_content();?><article>single.phpでこんな感じで組んだとして、こうする。100});段落毎にフェードするんで、ボリュームのある記事だとなんかすごい感じを出せる。<article>の直下を指定してるんで、<figure>とか<table>とか<ul>とかは一発で表示してくれる。画面がうるさくならなくていいけど、逆にそれがいいんであれば「>」を取っちゃえばいい。一々タグを指定するのもだるいからこれでいいと思うけどどうか。<ul>は横スライドで表示するよとかこったことできるけど、めんどいよ。ボリュームのある段落とかでかい画像とか、占有面積がすごいやつ。それと、スッカスカで1行程度のやつ。要素の高さによって表示タイミングが変わるんで、できたらボリュームは均一にしたらいいと思う。読み込み時のチラツキ防止jsだから仕方ないんだけど、ページの表示にjsの反映が追いつかない。一瞬だけ表示して、非表示になってからフェードするって感じになる。hidden;ちまちま指定するのはだるいので、classで付与するとかなんかうまいこと考えたほうが良い。まーでも、これをやっちゃうと、jsが読めなかった場合は非表示のままだから怖い。cdnじゃなくて自鯖にjsを入れるとか対策したほうがいいと思う。いえ、ファーストビューじゃなかったら余裕で追いつくんで、設置箇所さえよければチラつきにそれほどシビアにならなくてもいいと思う。Factory関連記事WEB[eccube3]注文番号管理プラグインをいじるちょっとこなれてきた自分がいる。WEB[eccube3]シンプルクーポンプラグインのカスタマイズふーむ。WEB[css]画像を回転させたときのジャギ対策ジャギー?ジャギ?ガタガタするアレ。WEB[html+php]rssをphpで読み込んでhtmlで表示させるapiに頼ってもサービス終わったらどうしようもないので自己完結できる形をどうにかせにゃいかん。WEB外部リンクは別タブ表示が最適なのか能動的にやってるけど実際のところどうなの。Fieldsの活用メモ普段よく使うやつのメモ。コメントをキャンセルメールアドレスが公開されることはありません。※サイトΔホームWEBスポンサーリンク掲載内容について内容をパクる場合は自己責任でお願いします。内容が古い場合、環境が変わって通用しないことがあります。記事の内容は最適解ではなく、作成時点においての筆者の理解の限界であることが多々あります。修正やそもそもの宗旨替えは不定期に行われるため、活用される場合はご注意ください。Highlighterがいよいよダメっぽいので、プラグインを変更しました。古い記事は表示が壊れてるものがあります。楽天Room主に釣具とか。transaction")},s.open("GET",d,!0),s.setRequestHeader("dlm-xhr-request","dlm_XMLHttpRequest"),s.send()}}タイトルとURLをコピーしました。