滚动到特定的div

Question

我有几个divs .posts的attr data-id对应于mysql DB id.

<div class="posts" data-id="1"></div>
<div class="posts" data-id="2"></div>

现在,如果我想滚动到一个div我只知道的特定的data-id.我将如何滚动到它？我的JSFiddle就在这里.任何人都可以和JSFiddle一起举个例子吗？

Answer 1

您使用链接锚和JQuery.只需为链接提供"滚动"类,并在头部使用以下代码:

jQuery(document).ready(function($) {
    $(".scroll").click(function(event) {
    event.preventDefault();
    $('html,body').animate( { scrollTop:$(this.hash).offset().top } , 1000);
    } );
  } );

您还需要为帖子提供ID并链接到它们,如下所示:

<a href="#8" class="scroll">Go To Div 8</a>
<div class="post" id="8">   

的jsfiddle