scrollTop上的多个元素

Question

我有多个元素＆＃34; accordeon＆＃34;在我的网站上。如果用户单击其中一个，则浏览器应将此元素滚动到浏览器的顶部。由于某种原因，＆＃34;滚动功能＆＃34;效果不好：我似乎只是随机滚动浏览器。

这是我的jQuery：

$('.accordeon').click(function() {
    $('html, body').animate({
        scrollTop: $( this ).offset().top - 80
    }, 200);
});

Have a look on my website (just click on one of the topics)!