指示paper-dialog-scrollable滚动到底部

时间:2017-08-20 03:06:27

标签: polymer-2.x polymerfire

我有一个paper-dialog-scrollable,它填充了firebase-query中的dom-repeat。一切正常,除了paper-dialog-scrollable在firebase向数组添加条目时不会滚动到底部。 我设法在数组获得一个新条目时设置一个回调(基本上是在拼接数组上有一个观察者,而不是在数组上)。 那么如何指示paper-dialog-scrollable从该回调滚动到底部? 我看到了似乎无效的解决方案here。 感谢您的任何见解。

1 个答案:

答案 0 :(得分:2)

根据您提供的link中的建议,为paper-dialog-scrollable提供一些ID(例如pds),然后添加以下代码:

this.$.pds.$.scrollable.scrollTop = this.$.pds.$.scrollable.scrollHeight;

  

元素的scrollTop值是距离的值的度量   element是其最顶层可见内容的顶部。当一个元素的时候   内容不生成垂直滚动条,然后是scrollTop   值为0. Learn more about scrollTop

     

元素的scrollHeight只读属性是对的度量   元素内容的高度,包括不可见的内容   屏幕溢出。 Learn more about scrollHeight

我在这里做了一个演示:https://plnkr.co/edit/JIZEdd6NoBBnwndbQuFA?p=preview