フォーラムをリニューアルしました！
今後は、新フォーラムをご利用ください。
タブブロックの特定のタブにリンクできる方法はありますか？ < SWELLに関する質問
通知
すべてクリア
Topic starter
タブブロックについて質問です。特定のタブブロックにリンクする方法はありますでしょうか？
例えば、
https://example.com/test#a → タブAにダイレクトリンク
https://example.com/test#b → タブBにダイレクトリンク
のように別ページの上記のようなリンクから、タブブロックの特定のタブにダイレクトリンクをさせたいと思っています。
タブブロックについて調べ試行錯誤し、「Swell タブブロック 特定のタブにリンク」「Swell タブブロック ダイレクトリンク」等で検索しましたが方法が出てこないためお教えいただければと思います。
現状の機能ではできない場合はタブブロックを使用しない方法で試そうと思いますのでよろしくお願いいたします。
投稿済 : 14/07/2021 5:53 am
タブにリンクというか、指定のタブがアクティブになっている状態ということでしょうかね。
その要件なら独自カスタマイズが必要になるかと思います。
リンクをクリック時に、JSなどでアクティブ化したいタブの属性（aria-selected）にtrue、それ以外のタブでfalseを指定。同様にタブの中身部分（c-tabBody__item）のaria-hiddenも変化するようなカスタマイズを試してみてはいかがですか？
SWELLマニアというサイトを運営しています！
投稿済 : 14/07/2021 9:18 am