LoginSignup
0
0

More than 3 years have passed since last update.

[Rails] link_toでページ遷移する際、ページの指定した場所に移動する

Last updated at Posted at 2021-01-04

一生懸命調べていても中々解決できずにいましたが、実はとても簡単でした。(自分の調べ方が悪かった)

1. 移動させたい場所にidを指定する

<div id="target">目的地</div> 

2. link_toの遷移先のパスにアンカーを設定

<%= link_to '目的地へ遷移', 遷移先のパス(anchor: 'target') %>

これだけでできました!

ただ今回のような「パッ」と移動するものではなく、
アニメーションをつけて自動スクロールさせた方が動的で憧れますし、その場合JSを使っての実装が必要になると思うので、今後それも身につけていきたいです。

参考にさせていただいた記事
Rails アンカーリンクを使い遷移先ページの場所(位置)を指定する
Rails link_toでアンカーを設定する

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0