余韻の残るマウスホイール移動と任意の要素への移動

main > jquery > 余韻の残るマウスホイール移動と任意の要素への移動

マウスホイールで移動する際、スイーンと余韻の残る動きを付けたかったので、jQueryでマウスホイールの上下イベントを取得 + 余韻をつけたイージングスクロールを実装する実験の記事を参考にさせて頂きました。

スクリプトは、下記の通りです。

これを参考に、任意の要素へ移動させるには、$(window).scrollTop()で現在位置を把握して、その位置から上と下それぞれ移動したい箇所の高さを取得して、スムースに移動させています。

特にパララックスサイトには、スムースな移動と任意の位置へのマウスホイール設定は合うと思います。

宜しければ、ご参考までに。