スクロールアニメーション

このスクロールアニメーション機能は１画面で複数の設置を想定しているため、document.querySelectorAllでトリガーとなる全ての要素を取得し、変数に格納します。

取得した全トリガー要素に対して反復処理を行い、イベントを設定していきます。

スクロール先の要素を特定します。
data-jscopyand-attributes="id名"が付与されている場合は、その値を使って要素の特定を試みます。
付与されていない場合はページトップへスクロールさせるため、document.bodyにします。
要素が特定できなかった場合には処理を終了します。

window.scrollToで任意の位置までスクロールさせます。
オプションのtopにスクロール後の位置を指定します。
これは現在のスクロール位置 + スクロール先の要素までのスクロール量で求めます。
オプションにbehavior: 'smooth'を指定することでアニメーションになります。