ブログなどで関連記事やランキングなどを一覧表示する際、タイル状に並べるのも見やすくていいんですが、場合によっては横スクロールするようにすると便利だったりしますよね。 Javascriptを使わずにCSSだけで横スクロールさせることができるので、その方法をご紹介します。
ブログなどで関連記事やランキングなどを一覧表示する際、タイル状に並べるのも見やすくていいんですが、場合によっては横スクロールするようにすると便利だったりしますよね。 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ページを開く