jQuery：滚动到id #span [标题]时点击跨度[标题]

Question

我已经有了标题中指定的问题的解决方案。不幸的是，它只适用于Chrome，我不知道为什么。这里是我的代码：

$(document).ready(function() { 

$("span[title]").click(function() { 
$('body', 'html').animate({scrollTop: $("#" + $(this).attr('title')).offset().top - 60}, "slow"); 
return false; 
}); 

}); 

Demo：单击工具栏（在底部的齿轮图标）上。然后点击“Nach oben”或“Nach unten”。

Answer 1

最后回答 - FIDDLE。

单击顶部的任何文本，它会将页面的该子部分放置在窗口的顶部。

观看控制台，你可以看到它在做什么。

JS

$("div").on('click', function() { 
    var divclass = $(this).attr('class'); 
    console.log('divclass = ' + divclass); 
    var x = $('#' + divclass).offset().top; 
    console.log(x); 
    $('html,body').animate({scrollTop: x}, 500); 
    return false; 
}); 

这里是做一个DIV/SPAN /等具体的点击代码 - 只需添加一个名字=“链接”的元素。

$("div[name='link']").on('click', function() { 
    var divclass = $(this).attr('class'); 
    console.log('divclass = ' + divclass); 
    var x = $('#' + divclass).offset().top; 
    console.log(x); 
    $('html,body').animate({scrollTop: x}, 500); 
    return false; 
});