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

Question

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

问题是当过滤器是最后一个过滤器时，它会扩展，但如果我不手动向上滚动面板，我将看不到该值。

我在问我是否可以将点击绑定到过滤器。

我试过这样：

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

但这将滚动页面和面板。如果我使用" 'html,body' "，那么它只会滚动页面。我正在措辞如何指定过滤器面板？

Answer 1

您想忽略html并body只关注div：

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