VanillaなJSでスクロールに応じて要素をアニメーション - かちびと.net

Result ここ何年かすっかり定着しましたが、スクロールに応じて要素がアニメーションする、みたいなの。 デモのようなシンプルなものなら割と少ないコードで作れます。 javascript const scrollElements = document.querySelectorAll(".js-scroll");//ターゲット指定 const elementInView = (el, dividend = 1) => { const elementTop = el.getBoundingClientRect().top; return ( elementTop <= (window.innerHeight || document.documentElement.clientHeight) / dividend ); }; const elementOutofView = (el) => {