最終更新日 7年 | 公開日: 20190206
まず1ページ内でタブ＋コンテンツを実装。
とてもシンプル。今回はタブとしてではなく、疑似ボタンみたいに使ったため
最初はコンテンツを全非表示状態にした。方法は最初の li にも class=”hide” を設定するだけ。
誰でも出来る！プラグインを使わずにjQueryで実装するタブ切り替え機能！
タブは設置できたものの、タブメニューが多すぎて表示されたコンテンツが見えないという問題発生。
一般的なスムーススクロール導入しようとするも、アンカーが効かない！！！
そんなときにdata属性とやらでスムーススクロール実装する方法を紹介してるサイト発見。data属性…？？？？
ただ一発で解決したので、今後も使いたい。ページトップへ戻るスムーススクロールと競合もしないし。素晴らしい。
data属性を使ったjQueryスムーズスクロール