CSSでスクロールのスナップが可能に！scroll-snapプロパティの基礎知識と便利な使い方
CSSのscroll-snapプロパティを使用すると、スマホのホーム画面のようにちょっとずらすだけで、すぐに次のコンテンツを表示させることができます。今まではJavaScriptの領域でしたが、これからはCSSのみで実装できます。 scroll-snapプロパティの基礎知識と便利な使い方を紹介します。 Practical CSS Scroll Snapping 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 スクロールにスナップさせる「scroll-snapプロパティ」 「scroll-snapプロパティ」のサポートブラウザ 「scroll-snapプロパティ」の基礎知識 親要素の「scroll-snapプロパティ」 子要素の「scroll-snapプロパティ」 「scroll-snapプロパティ」の便利な使い方 スクロールスナ
wow.jsでスクロールアクションをトリガーにして画面に入るとフェードインで表示させる
wow.jsを使うととても簡単にスクロールアクションを設定できます。 スクロールを着火させるためにwow.jsでトリガーを設定→animate.cssを使ってアニメーションを設定。 この方程式は2年くらい使い続けていますがテッパンですね。 時間も予算もないけど、サクッと動かしたい。そんな人のためのjqueryプラグインと言えます。 wow.jsとは wow.jsはアニメーションのトリガーとして、スクロール位置を知ることができるJavascriptのプラグインです。 wow.jsを使うことで、好きなタイミングでAnimate.cssを呼ぶことができます。 スクロールが行われてからアニメーションさせるため必要なんですよね。めっちゃ感動！！！ 要するに表示領域にオブジェクト（動かしたい要素）が入るとアニメーションを起動させてくれます。 GitHub こちらは公式サイト これで誰でも簡単にclas
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
