Ссылка на абзац на той же странице с Laravel

Вот у меня есть обычный div, который выводит катерии моей страницы, мне нужно чтобы при клике на категорию scrolling в определенную часть абзаца этой же страницы.

                  @php
                  $faq = \App\Services\AppService::getFaq();
                  @endphp

                   <div class="faq-left">
                     <p>{{__('Оглавление')}}</p>
                       @foreach($faq as $category => $items)
                         <span id="menu_scroll_tag" class="text-muted">
                           <ul>
                             <li><a href="#">{{$category}}</a></li>
                           </ul>
                        </span>
                     @endforeach
                  </div>

Категории выводятся уже с back-end, сделать типа

              <span id="menu_scroll_tag" class="text-muted">
                    <ul>
                        <a id="prod" href="#">Продукты</a>
                        <a id="prod" href="#">Одежда</a>
                        <a id="prod" href="#">Одежда</a>
                    </ul>
                </span>

мне не подходит, поскольку вывод уже производится с back-end. Как правильно сделать Ajax? Помогите разобраться. Спасибо

Мой controller

public static function getFaq(){
    return Faq::all()->groupBy('category');
}