TOP > IT・テクノロジー > コリス > CSSでスクロー...

CSSでスクロールのスナップが可能に!scroll-snapプロパティの基礎知識と便利な使い方 | コリス

17コメント 登録日時:2018-09-14 09:43 | コリスキャッシュ

CSSのscroll-snapプロパティを使用すると、スマホのホーム画面のようにちょっとずらすだけで、すぐに次のコンテンツを表示させることができます。今まではJavaScriptの領域でしたが、これか...

Twitterのコメント(17)

な、なんだってー!!「今まではJavaScriptの領域でしたが、これからはCSSのみで実装できます。scroll-snapプロパティの基礎知識と便利な使い方を紹介します」。◆ | コリス
おお、知らなかった、これならあのクソめんどくさいJS書かなくて済むのか
こんなスムーズに動くんか😮
昔頑張ってjsで実装してた所がどんどんCSSで出来るようになるなー
このプロパティはじめて知った
これ知らなかったな。これすごいな。
これ導入するだけでイケてくる
あとで読む
CSSは、まだよく分からないプロパティがたくさん…_:(´ཀ`」 ∠):
cssがどんどん便利になっていくね。
使い心地どんなもんだろ、スクロールジャッキングに感じるのかな
いいけどさー、css 拡張してる人達、だんだんやる事無くなってきて、最近は以前よりニッチな新機能に注力するようになってきてる気がする。 / "CSSでスクロールのスナップが可能に!scroll-snapプロパティの基礎知識と便利…"
PCだけなら使えそう| | コリス
よき(*'▽')
個人的にはスクロールを自分でコントロールできないのは好きじゃないというかむしろ嫌いなんだけど、こんなこともCSSで出来るようになっているんだね。
CSS進化しすぎ!

CSSのscroll-snapプロパティを使用すると、縦長ページなどでスクロールをしてコンテンツの中途半端な位置で終了しても、ちょうどよい位置にぴたっとスナップさせることができます。
以上

記事本文: CSSでスクロールのスナップが可能に!scroll-snapプロパティの基礎知識と便利な使い方 | コリス

関連記事

画像で見る主要ニュース