【Rails】link_toで他ページのid属性を指定して遷移する

2024年2月28日2024年5月10日

Railsのlink_toを使い、他ページの特定のid属性が付与されている箇所を指定する方法が分からずハマったため、備忘録としてまとめます。

バージョン

記事の信頼性

問題

Railsのlink_toメソッドを使い、次のような実装をしていました。

利用規約の<%= link_to "禁止事項", guideline_path, target: '_blank', rel: 'noopener noreferrer' %>に該当した可能性があります。

遷移先はサービスの利用規約ページです。

「禁止事項」は利用規約ページ中段の第8条に記載されているため、そこまでスクロールされた状態で遷移したいです。

なので、第8条のタイトルに付与されているid属性prohibited-actionsを遷移先として指定したかったのですが、やり方がわかりませんでした、、。

<h3 class="sub-head" id="prohibited-actions"><span>第8条　禁止事項</span></h3>

以下のように記述することで、指定したid属性の箇所へピンポイントで遷移させることができました。

利用規約の<%= link_to "禁止事項", guideline_path((anchor: 'prohibited-actions')), target: '_blank', rel: 'noopener noreferrer' %>に該当した可能性があります。

anchorオプションを付与することで実現可能です！

今まで知らなかったのですが、link_toメソッドには他にもたくさんのオプションが存在しています。

気になる方は以下のドキュメントを見てみてください。

よかったらシェアしてね！

未経験でSESから従業員300名以上の自社開発企業に転職しました。業務や個人開発で直面した問題や、転職・学習の経験を発信していきます。