指示 paper-dialog-scrollable 滚动到底部
Instruct paper-dialog-scrollable to scroll to bottom
我有一个 paper-dialog-scrollable,其中填充了来自 firebase 查询的 dom-repeat。一切正常,除了当 firebase 向数组添加条目时 paper-dialog-scrollable 不会滚动到底部。
每当数组获得新条目时,我设法设置一个回调(基本上是在拼接数组上而不是在数组上有一个观察者)。
那么我如何指示 paper-dialog-scrollable 从该回调滚动到底部?
我看到了似乎不起作用的解决方案 。
感谢您的任何见解。
按照您提供的 中的建议,给 paper-dialog-scrollable
一些 ID(例如 pds
),然后添加以下代码:
this.$.pds.$.scrollable.scrollTop = this.$.pds.$.scrollable.scrollHeight;
An element's scrollTop
value is a measurement of the distance from the
element's top to its topmost visible content. When an element's
content does not generate a vertical scrollbar, then its scrollTop
value is 0. Learn more about scrollTop.
The element's scrollHeight
read-only property is a measurement of
the height of an element's content, including content not visible on
the screen due to overflow. Learn more about scrollHeight.
我在这里做了一个演示:https://plnkr.co/edit/JIZEdd6NoBBnwndbQuFA?p=preview。
我有一个 paper-dialog-scrollable,其中填充了来自 firebase 查询的 dom-repeat。一切正常,除了当 firebase 向数组添加条目时 paper-dialog-scrollable 不会滚动到底部。
每当数组获得新条目时,我设法设置一个回调(基本上是在拼接数组上而不是在数组上有一个观察者)。
那么我如何指示 paper-dialog-scrollable 从该回调滚动到底部?
我看到了似乎不起作用的解决方案
按照您提供的 paper-dialog-scrollable
一些 ID(例如 pds
),然后添加以下代码:
this.$.pds.$.scrollable.scrollTop = this.$.pds.$.scrollable.scrollHeight;
An element's
scrollTop
value is a measurement of the distance from the element's top to its topmost visible content. When an element's content does not generate a vertical scrollbar, then itsscrollTop
value is 0. Learn more about scrollTop.The element's
scrollHeight
read-only property is a measurement of the height of an element's content, including content not visible on the screen due to overflow. Learn more about scrollHeight.
我在这里做了一个演示:https://plnkr.co/edit/JIZEdd6NoBBnwndbQuFA?p=preview。