好吧所以我有一个'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类'read-more-trading'应该链接到下一个名为'media-heading'或'media-content'的元素。我尝试使用jquery和javascript，但由于某种原因，我没有进一步。
提前致谢！