ページ内のアンカーやページの上部にアニメーションで、スムーズにスクロールさせるCSS、単体のJavaScript、Vue.jsやjQueryのプラグインを紹介します。 現在では、CSSだけでも実装できるようになりました。IEは例のごとく非対応ですが、ポリフィルがあるので利用できます。 イラスト: Girls Design Materials CSSでページをアニメーションでスクロールさせる JavaScript単体でページをアニメーションでスクロールさせる プラグインでページをアニメーションでスクロールさせる CSSでページをアニメーションでスクロールさせる CSSのプロパティ「Scroll-behavior」を使用すると、アニメーションを使用してスムーズにスクロールさせることができます。 Scroll-behaviorのサポートブラウザ scroll-behavior -MDN web
ScrollHintは水平スクロールができることをポインタアイコンを使って示唆してくれるJavaScriptライブラリです。スクロールできることを教えてくれるので、ユーザーが必要な情報を見逃す心配も減りそうですね。 以下のページからScrollHintの実際のデモ動作をチェックできます。 デモ デモではテーブルデータ内に「scrollable」と書かれたポインタアイコンが表示されています。これを見れば水平にスクロールできるということがすぐに分かるので、ユーザーにとっては助かりますね。 ポインタアイコンは横へスクロールすることで消えていくので、ジャマになることもなくとてもいい感じの機能です。スマホなどのモバイルでもしっかり表示されるので、水平スクロールが必要なテーブルを設置したい時にはとても役立つJSライブラリになるはずです。 オプションもいろいろ用意されているので、気になる人はぜひチェック
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く