【Laravel】別ページのアンカータグにリンクする方法

How to link to anchor tag in another page.

.htmlで作ったWebページをLaravelで表示させようとした時に、別ページのアンカータグにリンクするにはどうしたらいいか分かったので記事にします。

今回はヘッダーメニュー内で別ページのアンカーにリンクさせるのにどうしたかです。多分もっと上手なやり方があると思いますが…

news.blade.phpからindex.blade.phpのお問い合わせ欄部分(id=”contact”)に飛ばします。

HomeController.php

public function index(){return view('home.index');}

web.php

Route::get('/', 'HomeController@index');

news.blade.php

<li class="nav-item">
<a class="nav-link" href="{{ action('HomeController@index') }}#contact">お問い合わせ</a>
</li>

href=”{{ action(‘HomeController@index’) }}#contact”

このように飛ばしたいアンカーをactionの後ろにつけるだけです。

この辺の記事をみて、後ろに#~~をつけたらいけるのでは？？と思ったらいけました。

竹澤有貴,栗生和明,新原雅司,大村創太郎ソシム 2018-09-26