使用vanilla Javascript/CSS-Polymer自动滚动到底部

我不想用JQuery来做这件事。目前，我已经使用Polymer创建了一个listview。我在父

div

中使用

和一个

列表

类

CSS如下所示。当我向列表中添加新项目时，我希望列表自动滚动到底部。可能吗

.list {
  @apply(--layout-flex);
  @apply(--layout-vertical);
  position: relative;
  overflow: auto;
}

---

您可以将

div设置为，以便自动滚动到底部：


HTMLImports.whenReady（（）=>{
聚合物({
是‘x-foo’，
特性：{
项目：{
类型：数组，
值：（）=>[]
}
},
_附加项：函数（）{
this.push（'items'，this.items.length+1）；
Polymer.RenderStatus.afterNextRender（这个，（）=>{
this.$.list.scrollTop=this.$.list.scrollHeight；
});
}
});
});

#名单{
边框：实心1px灰色；
宽度：100%；
高度：100px；
溢出：自动；
}
添加项
[[项目]]
您可以将
div设置为，以便自动滚动到底部：


HTMLImports.whenReady（（）=>{
聚合物({
是‘x-foo’，
特性：{
项目：{
类型：数组，
值：（）=>[]
}
},
_附加项：函数（）{
this.push（'items'，this.items.length+1）；
Polymer.RenderStatus.afterNextRender（这个，（）=>{
this.$.list.scrollTop=this.$.list.scrollHeight；
});
}
});
});

#名单{
边框：实心1px灰色；
宽度：100%；
高度：100px；
溢出：自动；
}
添加项
[[项目]]
完美！多谢各位+1@Abhilash没问题：）太好了！多谢各位+1@Abhilash没问题：）