絞り込みフィルタ

Question

いつもお世話になっております。

特集ページで人物紹介のコメントボタンをクリックしたときに全体表示から特定のコンテンツだけ表示するようにしているのですが、コンテンツを絞り込む+下にスクロールをさせたく、a nameを使って組んでみたのですが、下にスクロールはできてもコンテンツを絞りこむ動作が反応しませんでした。
aタグの中に id="Key○○"   href="#○○"と入れていましたが、 id="Key○○"が反応せず、ほかのタグに入れてみても絞り込みができませんでした…。
絞り込みとスクロール移動を両立させる方法がありましたら教えていただきたいです。

URL(現在は絞り込みだけにしています)
https://www.rakuten.ne.jp/gold/tokeiten/feature/monitor-citizen/xc-monitor.html

Accepted Answer

ECマスターズの田中です。

人物紹介の部分では、
「コメントをみる」ボタンではなく、
一人ひとりのアイコン・名前・説明文を囲むタグに対して
絞り込みの動作が設定されておりますので、

絞り込みの動作用のJavaScriptに、

$('html, body').animate({scrollTop: $('#'+idname).offset().top}, 500);

といった、スクロール移動の処理を加えていただくのが
一番スマートな方法であると思います。

Answer

絞り込みとスクロール両方動くようになりました！
ありがとうございます！