ブログなどで関連記事やランキングなどを一覧表示する際、タイル状に並べるのも見やすくていいんですが、場合によっては横スクロールするようにすると便利だったりしますよね。 Javascriptを使わずにCSSだけで横スクロールさせることができるので、その方法をご紹介します。
![CSSだけでスマホの横スクロールを実現する方法 - ディレイマニア](https://cdn-ak-scissors.b.st-hatena.com/image/square/d061a8f59b82d5b2997898662c9d57afb3e87a29/height=288;version=1;width=512/https%3A%2F%2Fdelaymania.com%2Fwp%2Fwp-content%2Fuploads%2F2018%2F07%2Fcss-overflow-x-scroll.jpg)
ブログなどで関連記事やランキングなどを一覧表示する際、タイル状に並べるのも見やすくていいんですが、場合によっては横スクロールするようにすると便利だったりしますよね。 Javascriptを使わずにCSSだけで横スクロールさせることができるので、その方法をご紹介します。
1.jQueryで下スクロールなのか上スクロールなのか判別してクラスを付与、削除する 最初にHTMLです。 <header class="site-header flex flex--bet"> <h1 class="site-logo"> <img class="site-logo__img" src="images/logo.png" alt="logo"> </h1> <nav class="gnav"> <ul class="gnav__menu flex flex--bet"> <li class="gnav__menu__item"> <a class="gnav__menu__item__link" href="#sec1">SECTION1</a> </li> <li class="gnav__menu__item"> <a class="gnav__menu__item_
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く