Onclick прокрутите до следующего div-класса в Laravel/Blade

Question

Хорошо, поэтому у меня есть страница «Концепция», которая имеет 6 элементов, классов div, называемых параграфами. Каждый абзац имеет заголовок, тело и дополнительную ссылку (показано ниже). Теперь, когда я нажимаю на ссылку «Читать дальше», я хочу, чтобы страница прокручивалась до следующего абзаца, но я действительно не знаю, как я могу получить свою страницу для этого. Любая помощь будет оценена по достоинству. Ниже приведен код, который я сейчас имею.

<div class="media-body"> 

    <h4 class="media-heading" id="{{ str_replace(' ', '-', $element['title']) }}" >{{ $element['title'] }}</h4> 

    <div class="media-content">{!! $element['textfield'] !!}</div> 

    <div class="read-more-trading"><a href="#{{ $element['title'] }}"><img src="/images/arrow-concept.png" alt="arrow-concept" class="arrow-concept"></a></div> 


</div> 

Так DIV класс «для чтения более-трейдинга» должен быть связан со следующим элементом под названием «медиа-заголовок» или "медиа-контента. Я пробовал использовать jquery и javascript, но по какой-то причине я больше не получаю.

Заранее благодарен!

Answer 1

Я думаю, что это то, что вы ищете:

jQuery scroll to element

$('html, body').animate({ 
    scrollTop: $("{{ str_replace(' ', '-', $element['title']) }}").offset().top 
}, 2000);