Webサイト内に横スクロールさせるエリアを作成した際にスマートフォン表示ではスクロールバーを表示させることができず、そのエリアが横スクロールさせることをユーザーに伝えるために苦労したりします。 そんな時に使える横スクロールさせるエリアが出現した時に、アニメーション付きのアイコンを表示してそのエリアが横スクロールできることを視覚的に伝えてくれるJavaScript「ScrollHint」がとても活用できそうだったので自分用メモとしてご紹介します。 スマホ表示で横スクロールさせるエリアにアイコンを表示してくれるJavaScript「ScrollHint」 ScrollHint この動作を実装させておくとページ内を上からスクロールした際に、横スクロールさせるエリアが出現した時点で、そのエリアの前面にアニメーション付きのアイコンを表示して、横スクロールができるということを視覚的に伝えてくれます。
![スマホ表示で横スクロールがある場合にアイコンを表示してくれるJavaScript「ScrollHint」|BLACKFLAG](https://cdn-ak-scissors.b.st-hatena.com/image/square/bd7f43946768aad1f06300e637b882c90bf15786/height=288;version=1;width=512/https%3A%2F%2Fblack-flag.net%2Fcommon%2Fimg%2Fogp.png)