Javascript 使用.animate（）跳转到div

试图通过按键让div跳转到另一个div。我读到使用动画scrollTop可以做到这一点，但它似乎不起作用

    $("#search").keypress(function(event) {
        if (event.which == 13) {
        $("#search").animate({
            scrollTop: $("#results").offset().top}, "fast");
          var keyword = $("#search").val();
          $("#results").html(makeRequest);
          $("#search").val('');
        }
      }
   });

$（函数（）{
$（“#搜索”）。在（'keypress'，函数（事件）{
if（event.which==13）{
$（'body，html'）.animate（{scrollTop:$（“#results”）.offset（）.top}，400）；
var关键字=$（“#搜索”）.val（）；
$（“#结果”）.html（“测试”）；
$（“#搜索”）.val（“”）；
}
});
});
body，html{
保证金：0自动；
}
.容器液体{
填充：0px！重要；
}
.对{
背景色：#fcfdfe；
宽度：100%；
高度：100vh；
}
.左{
背景色：#eef1f9；
宽度：100%；
高度：100vh；
}
#搜寻{
背景色：#fcfdfe；
边界：无；
边界半径：100px；
位置：绝对位置；
最高：50%；
左：50%；
保证金：0；
填充：10px；
宽度：350px；
保证金权利：-50%；
转换：翻译（-50%，-25%）；
显示：内联块；
}
#搜索：焦点{
大纲：无；
}
#结果{
填充：10px；
}



$（函数（）{
$（“#搜索”）。在（'keypress'，函数（事件）{
if（event.which==13）{
$（'body，html'）.animate（{scrollTop:$（“#results”）.offset（）.top}，400）；
var关键字=$（“#搜索”）.val（）；
$（“#结果”）.html（“测试”）；
$（“#搜索”）.val（“”）；
}
});
});
body，html{
保证金：0自动；
}
.容器液体{
填充：0px！重要；
}
.对{
背景色：#fcfdfe；
宽度：100%；
高度：100vh；
}
.左{
背景色：#eef1f9；
宽度：100%；
高度：100vh；
}
#搜寻{
背景色：#fcfdfe；
边界：无；
边界半径：100px；
位置：绝对位置；
最高：50%；
左：50%；
保证金：0；
填充：10px；
宽度：350px；
保证金权利：-50%；
转换：翻译（-50%，-25%）；
显示：内联块；
}
#搜索：焦点{
大纲：无；
}
#结果{
填充：10px；
}
问题在于，您必须设置页面主体的动画，而不是div，如jsFiddle所示


编辑：提高了代码的可读性
问题是您必须设置页面主体的动画，而不是div，如jsFiddle所示


编辑：提高代码可读性
JSFIDLE缺少引用，它是空的JSFIDLE缺少引用，它是空的
$('body,html').animate({ scrollTop: $("#results").offset().top }, 400);

$('html, body').animate({
  scrollTop: $("#results").offset().top
}, "fast");