Onclick滾動到Laravel/Blade中的下一個div class

Question

好吧，我有一個'Concept'頁面，它有6個元素，div類，叫做Paragraphs。每個段落都有一個標題，一個正文和一個閱讀更多鏈接（如下所示）。現在，當我點擊閱讀更多鏈接時，我希望頁面滾動到下一段，但我不知道如何讓頁面執行此操作。任何幫助，將不勝感激。以下是我目前擁有的代碼。

<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);