动画自动滚动效果到div onclick

Question

我希望动画自动滚动到特定的div

我的HTML代码

导航菜单

<div class="row">
<ul class="icons">
<li><a href="dubai.php"><h4>Events</h4></a></li>
<li><a href="dubai.php"><h4>Cinemas</h4></a></li>
<li><a href="dubai.php"><h4>Shopping</h4></a></li>
</ul>
</div>

Div我想自动滚动

<div class="event-list">                               
<h3>Heading</h3>
<p>Details</p>
<a href="detail.php> Read more..</a>
</div>

Answer 1

如果你想使用一些java脚本，你可以使用这个插件 http://jedfoster.com/Readmore.js/。 它不是自动滚动，但我认为它可以做到这一点

Answer 2

您可以使用以下代码将动画滚动移动到特定功能

$('html, body').animate( { scrollTop: element.offset().top }, {duration: 400 } );