スクロールアニメーションを実現！Intersection Observer APIの使い方 デモあり
他のサイトで紹介されているのを見て､「なんで読み込むプラグイン書いてないの？不親切だな｡」ってなりましたが､読み込まなくていいんです｡ jsプラグインをいろいろ使っている人のほうが最初驚くと思います｡ ブラウザがデフォルトで持っている機能だそうです｡ ただ､IEには対応していないので､IE対応が必要な場合はpolifillを読み込む必要はあります｡ 以下をfooterに貼り付けてください｡ //HTMLの場合 <script src="https://cdn.jsdelivr.net/npm/intersection-observer@0.9.0/intersection-observer.js"></script> //PHPが使える場合 (IEのときだけ読み込む) <?php // ブラウザ取得判定するのに小文字にする $browser = strtolower($_SERVER['H
JavaScriptのIntersectionObserverを使って可視領域に入った要素をふわっと表示させる | ブログ | 静岡県のホームページ制作 | 6666666 セブンシックス
セブンシックスのダイチです。画面をスクロールして可視領域に入ると、要素がフワッと出てくるやつ、ありますよね。それを、JavaScriptのIntersection Observer APIを使ってやってみよう！というのが今回のお話です。 あらすじ 私はこれまで、要素をふわっと出すやつには「Emergence.js」というライブラリを好んで使っていました。軽量かつjQuery不要のライブラリです。Emergence.jsに不便は感じていなかったのですが、心情的にスクロールイベントよりもIntersection Observer APIを使いたかったので、代替ライブラリを探すことにしました。良さそうなライブラリが見つからないまま、ヒットしたJavaScriptの解説記事ばかり読んでるうちに、自分で書いたほうが早いということに気が付きました。おい。 やりたいこと スクロールして要素が画面内に入っ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
