scroll-hint.jsでスマホ対応！横スクロール可能なテーブルを簡単に実装する方法｜DAD UNION – エンジニア同盟

本記事では、scroll-hint.jsを使って、スマートフォンやタブレットでテーブル（table）を閲覧する際に横スクロールを実現する方法をご紹介します。 特に、デザイン性を損なわずにユーザー体験を向上させるための具体的なCSS、HTML、JavaScriptの記述例を詳細に解説します。 1. scroll-hint.jsとは？ scroll-hint.jsは、Applepleが提供する軽量のライブラリで、横スクロール可能な要素に視覚的なヒントを加えることで、ユーザーにスクロール可能であることを示します。シンプルな設定で使いやすく、特にテーブルや画像ギャラリーの表示に適しています。 2. 横スクロールを実現するCSS記述 以下の手順でscroll-hint.jsを導入します。 scroll-hint.jsとscroll-hint.cssをダウンロードまたはCDNで取得します。 scrol

[you1tech]

横スクロール出来ることに気づかない時もあるのでこれはあった方がよいですね。