[JS] Section Scrolling with GSAP TweenMax

マウスホイールの動き関係なしに決まったセクションの位置にだけピタッとスクロールさせたい

っていう要求をGSAPのTweenMax使ってやったモック

See the Pen Section Scrolling with GSAP by Tenderfeel (@Tenderfeel) on CodePen.

マウスホイールの検知はWheelIndicatorによる
リサイズの処理は入れてない

yをxにしたら横スクロールになるんだお

See the Pen Section (horizontal) Scrolling with GSAP TweenMax by Tenderfeel (@Tenderfeel) on CodePen.

※widthやheightに合わせてduration変えたりすればよりいい感じになる
※この程度ならTweenLiteでも問題ない

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください