鏈接將您移動到同一頁面上的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); 
});