TRIGGER]を紹介します。実際に導入したサンプルは以下より。アニメーションに依存しており、痒いところに手が届く細やかな動作も実装可能。最小限の手間でクオリティの高いサイトを構築できるのでオススメです。https://github.com/terwanerik/ScrollTriggerjQuery不要で動くので、GitHubから動作に必要なファイル[ScrollTrigger.min.js]を入手してしまえば、あとは比較的簡単に設定できるはずです。TRIGGER]の実装方法まずはHTMLの任意の箇所で、ダウンロードした[ScrollTrigger.min.js]を読み込みます。このとき同時にプラグインを初期化するコードを記述して、動作に必要な準備を整えます。続いてアニメーション処理を施したい要素に[date-scroll]属性を付与します。最後にスタイルシートの設定。次のコードが紹介されています。1.0;}この例では『非表示(opacity:0;)だった要素がウィンドウ内に入ってから0.5秒かけて表示される』ようになっています。各パラメーターの数値や記述を変えれば思い通りのエフェクトを施せる、という具合です。TRIGGER]で指定できるオプションです。コールバック関数も用意されているので複雑な処理も実行できますね。.animateOut)"offset()data-scroll="offset(0,50px)"addWidthdata-scroll="addWidth"addHeightdata-scroll="addHeight"centerHorizontaldata-scroll="centerHorizontal"centerVerticaldata-scroll="centerVertical"oncedata-scroll="once"詳しい使い方は公式サイトをご覧ください。https://github.com/terwanerik/ScrollTrigger以上。TRIGGER]を紹介しました。https://on-ze.com/demo/js-scroll-trigger/TwitterFacebookGoogle+FeedlyLINEこちらの記事もいかがですか?アナタにオススメ!同じカテゴリーの他の記事です。WordPressの[404.php]などに設定しておくと便利な各種リダイレクトの方法。【JavaScript】ページ全体が読み込まれた後にスクリプトを実行する方法。【JavaScript】リストやテーブルにフィルタリングや検索機能を追加できる[List.js]が超絶便利です。