滚动元素但不滚动整个页面

Question

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

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

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

我试过这种方式：

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

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

Answer 1

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

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