タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

ScrollTriggerに関するjytechのブックマーク (2)

  • GSAP ScrollTriggerのプロパティ一覧(2023/4) - Qiita

    数指定の場合 スクロールした分の値となります。 つまり200は、スクローラーがちょうど200pxスクロールしたときに発火するということになります。 関数指定の場合 指定した関数は、ScrollTriggerの作成時やスクローラーのリサイズ時、つまり、位置が計算されるたびに呼び出されます。この関数は、文字列もしくは数をリターンしなければいけません。 これを利用することで、動的に値を計算することが容易になります。 endTrigger 値形式:文字列 | 要素 デフォルト値:triggerの値 ScrollTriggerの終了位置のトリガーとなる要素を指定します。 この値は必ず定義する必要はありません。 fastScrollEnd 値形式:真偽値 | 数 デフォルト値:false trueの場合、スクロール速度が2500px/sよりも速くトリガーエリアを離れたとき、ScrollTriggerの

    GSAP ScrollTriggerのプロパティ一覧(2023/4) - Qiita
  • GSAPのScrollTriggerで横スクロール制御 - Qiita

    はじめに 世の中にはリッチで素敵なアニメーションが効いたwebサイトがたくさんあり、思わず見惚れてしまうことがありますよね...! そんなwebサイト達を眺めていた時、ある地点までスクロールした途端に横スクロールに切り替わるアニメーションがあり、その実装方法が気になったので調べて今回軽いデモを作成してみました。 これがはじめての記事投稿で拙い内容になってしまいましたが、どなたかのお役に立てれば幸いです! GSAPの「ScrollTrigger」とは? GSAPGreenSock Animation Platformの略)はGreenSock社が開発しているJavaScriptのアニメーションライブラリであり、シンプルで豊富なアニメーションを表現できるため、web制作のアニメーション実装を手軽に行うことができます。 その中のライブラリのひとつに「ScrollTrigger」があります。 こ

    GSAPのScrollTriggerで横スクロール制御 - Qiita
  • 1