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

Question

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

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

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

我试过这种方式：

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

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

Answer 1

您想忽略html 和body，只关注div：

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