画面内ポップはIntersection Observerを使っているので、IEは兎も角Safariも動かないのでモバイルサイトには使えない/polyfillあった、がMinify7kbなので旧scroll方への改造も手 https://github.com/w3c/IntersectionObserver/tree/master/polyfill

wordi のブックマーク 2018/09/12 12:00

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/370849452/comment/wordi" data-user-id="wordi" data-entry-url="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/scroll-animation-library-sal-js.html" data-original-href="https://coliss.com/articles/build-websites/operation/javascript/scroll-animation-library-sal-js.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fscroll-animation-library-sal-js.html" data-user-icon="/users/wordi/profile.png">これを使うとスクロールに連動したアニメーションが簡単に！わずか2KBの超軽量JavaScriptライブラリ -Sal.js</a><br><p style="clear: left">画面内ポップはIntersection Observerを使っているので、IEは兎も角Safariも動かないのでモバイルサイトには使えない/polyfillあった、がMinify7kbなので旧scroll方への改造も手 <a href="https://github.com/w3c/IntersectionObserver/tree/master/polyfill" target="_blank" rel="noopener nofollow">https://github.com/w3c/IntersectionObserver/tree/master/polyfill</a></p><a class="datetime" href="https://b.hatena.ne.jp/wordi/20180912#bookmark-370849452"><span class="datetime-body">2018/09/12 12:00</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

これを使うとスクロールに連動したアニメーションが簡単に！わずか2KBの超軽量JavaScriptライブラリ -Sal.js

coliss.com2018/09/12

スクロールに連動して、ページ上の要素をアニメーションで表示するライブラリはいくつかあります。その中でもかなりの超軽量で、他スクリプトへの依存が一切ないスクロールアニメーションのライブラリを紹介しま...

206 人がブックマーク・8 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

これを使うとスクロールに連動したアニメーションが簡単に！わずか2KBの超軽量JavaScriptライブラリ -Sal.js

はてなブックマーク

公式Twitter

はてなのサービス