【Ruby on Rails】リンク先を指定したidの部分にする方法

目標

リンクをクリックすると、ページ途中であっても、スクロールせずに
指定した場所に飛ばす。

開発環境

ruby 2.5.7
Rails 5.2.4.3
OS: macOS Catalina

①idを指定

飛ばしたい場所にidクラスを指定します。

app/views/homes/about.html.erb

<div id="map"></div>

②link_toを編集

<%= link_to "リンク名", リンク先のpath(anchor: "指定したid名") %>

実際の記述は以下になります。

<%= link_to about_path(anchor: "map") do %>
  ACCSESS
<% end %>

または

<%= link_to "ACCSESS", about_path(anchor: "map") %>

URLはこのようになります。

http://localhost:3000/about#map

参考

Rails アンカーリンクを使い遷移先ページの場所(位置)を指定する