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

时间:2015-09-09 14:59:23

标签: javascript scroll polymer-1.0

我使用的是纯聚合物/ Javascript,需要滚动到主面板的底部。由于它是固定大小容器中的可滚动元素typical JS answer

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

不起作用。

2 个答案:

答案 0 :(得分:2)

无法找到直接解决方案,所以我自己发布了答案。希望这有助于某人:)

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)

答案 1 :(得分:0)

我可能不会评论(我需要50分),但scrollIntoView()是实验技术。 Chrome不支持。