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; 
});