链接将您移动到同一页面上的div，该页面没有ID（仅限类和数据满）

Question

正如标题所示。具有唯一名称的类的多个“帖子”，也是唯一的数据全名。我知道如何用ID做到这一点，但不知道你能不能。

对不起，如果这不够具体。这里有一个演示ID方法的小提琴：http://jsfiddle.net/avYBz/

Answer 1

我只是将类放入href中。滚动到。

演示：http://jsfiddle.net/lucuma/jK5T3/1/

<a href=".uniqueID" >Go to post</a> 

<div style="height:1300px"></div> 

<div class="uniqueID" id="1234">This is the post </div>​ 

$('a').click(function(e) { 
    e.preventDefault(); 

    var scrollto = $(this).attr('href'); 
    $('html, body').animate({ 
      scrollTop: $(scrollto).offset().top 
     }, 1500); 
}); 

​ 

我不是100％肯定A HREF可以用一个周期开始（至于是有效的代码工作），所以备用：

<a href="#" data-link="uniqueID" >Go to post</a> 
<div style="height:1300px"></div> 
<div class="uniqueID" id="1234">This is the post </div>​ 

$('a[data-link]').click(function(e) { 
    e.preventDefault(); 

    var scrollto = '.' + $(this).attr('data-link'); 
    $('html, body').animate({ 
      scrollTop: $(scrollto).offset().top 
     }, 1500); 
}); 

最后，您可以在每个div中添加一个锚点，然后在href中像正常的本地哈希链接一样使用它。由于所有这些解决方案都需要JavaScript，我不确定这是否真的很重要，但此解决方案会将href设置为我们在加载时添加到页面上的有效本地锚点。你可以在这部分删除点击事件，它仍然可以工作，但页面会跳转而不是很好地滚动。

演示：http://jsfiddle.net/lucuma/jK5T3/3/

$('#container div').each(function() { 
    $(this).append('<a id="' + $(this).attr('class') + '" />'); 
}); 

$('a').click(function(e) { 
    e.preventDefault(); 

    var scrollto = $(this).attr('href'); 
    $('html, body').animate({ 
      scrollTop: $(scrollto).offset().top 
     }, 1500); 
});