[javascript] ページ内スクロール先の要素取得

Question

ページ内リンク <a href="#..."></a> をクリックした際、スクロール先の要素を点滅させるなどして強調表示させたいです。
jQuery などを使用して「ページ内リンクのクリック時に、スクロール先の要素を取得する」にはどのように記述すればよろしいでしょうか。

参考資料だけでも構いません。どうぞよろしくお願いいたします。

Answer 1

次のようにしてみてはいかがでしょうか。

$("a").on("click", function(e){
    var scrollTarget;
    if($(this).attr("href").match(/^#/)){
        scrollTarget = $($(this).attr("href"));
    }
});

正規表現に自信がない上に動作未検証ですので、参考程度に留めておいてください。

Comments

[YokoiwaHiroki]

早速のお返事ありがとうございます！
検証したところ、無事にスクロール先の要素を取得できました。

javascript, jQuery は初心者なためこれからも時々質問を差し上げるかと思いますが、
もしお見かけになりましたらぜひまたよろしくお願いいたします。