【Ruby on Rails】ページ内ジャンプの実装

目標

リンクをクリックすると、スクロールせずに同じページ内の指定した場所に飛ぶことができる

① idを指定する

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

app/views/dialogs/index.html.erb

<div id="category"></div>

②link_toを編集

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

下記が実際の例です

<%= link_to "カテゴリー", root_path(anchor: "category") %>

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