Jquery 滚动一个元素而不是整个页面

我的页面中有一个过滤器面板，面板上有一些过滤器值。 就像“性别”的“年龄”。 如果单击“年龄”，过滤器将展开，其他过滤器也将展开

问题是，当过滤器是最后一个过滤器时，它将展开，但如果我不手动向上滚动面板，则无法看到值

我询问是否可以将单击绑定到筛选器

我试过这样做：

$("#filter").click(function() {
  $('html, body, div').animate({
    scrollTop: 500}, 2000);
});

---

但是这将同时滚动页面和面板。如果我使用

“'html，body'

，那么它将只滚动页面。我正在考虑如何指定到过滤器面板？

您想忽略

html

和

body

，只关注

div

：

$('div').animate({ scrollTop: 500 }, 2000);