javascript - 如何滚动到 Polymer 1.0 纸抽屉面板的底部

Question

我正在使用纯 Polymer/Javascript，需要滚动到主面板的底部。由于它是固定大小容器内的可滚动元素，因此 typical JS answer

window.scrollTo(0,document.body.scrollHeight);

不起作用。

Answer 1

无法找到直接的解决方案，因此我自己发布答案。希望这对某人有帮助:)

( Based on what I found here )

//Get the main paper-drawer-panel element
    a = document.querySelector("paper-drawer-panel [main]")

//use the undocumented scroller property and set it to the scroller's height
    a.scroller.scrollTop = a.scroller.scrollHeight

更新:

我还发现，如果您选择面板中的任何元素或容器，它们应该附加滚动方法，允许您根据所选元素滚动到面板的顶部或底部。

//Get the main paper-drawer-panel element
    a = document.querySelector("some-element-container-in-paper-panel");
// Passing in false scrolls to the bottom of the container, no param to the top.
    a.scrollIntoView(false)