ScrollTop（）不起作用，不确定发生了什么

Question

所以下面我有一些我的JQuery代码应该导致点击的值向下滚动到页面的另一部分。我不确定我的代码有什么问题，因为它已停止工作，所以我很感激我能得到的任何反馈。

$(".list-item1").click(function(e) {
    e.preventDefault();
    $('html, body').animate({
        scrollTop: $(".image1").offset().top
    }, 700);
});

$("#list-item2").click(function(e) {
    e.preventDefault();
    $('html, body').animate({
        scrollTop: $(".image2").offset().top
    }, 700);
});

$("#list-item3").click(function(e) {
    e.preventDefault();
    $('html, body').animate({
        scrollTop: $(".image3").offset().top
    }, 700);
});