jQueryでスクロールに合わせて要素を移動させる方法｜Gimmick log

公開日：2015.11.20 更新日：2020.05.20 jQuery, アニメーション CSSアニメーションとjQueryを使って、スクロールに合わせて要素を移動させる方法です。 CSS3のプロパティtransitionを使っているので、対応はIE10↑になりますが、移動自体はするので（瞬間移動のような感じで）使い道はあるかなぁと。 DEMO 以下のデモをスクロールしてみてください。葉っぱの位置が移動します。 html 動かす要素に.object、更に子要素としてspanに.pos0を付与しています。 子要素にしているのは、動かす要素に対してjsでクラス名を削除する処理をするため、親要素のクラス名で識別する必要があるからです。 8～10行目は動きが分かりやすいように罫線を入れただけなので、削除してOKです。 <p id="interval">スクロール値：0</p> <div id="