Paper-scroll-header-panel vs Paper-header-panel答案

【问题标题】：Paper-scroll-header-panel vs Paper-header-panelPaper-scroll-header-panel vs Paper-header-panel
【发布时间】：2016-03-23 22:22:40
【问题描述】：

我可能会为此投反对票，但无论如何我还是要问...我什么时候会使用paper-scroll-header-panel 而不是paper-header-panel？似乎在功能上重叠 - 两者都是滚动，都是标题，都共享一些视觉效果等。

我看到它们有不同的属性和 api...但是缺少属性不会阻止我实现自己的行为/风格。我想我还想要澄清两者之间的预期用途。

【问题讨论】：

【解决方案1】：

根据docs

paper-scroll-header-panel 包含一个标题部分和一个内容部分。标题最初位于视图的顶部，但它会随着其余可滚动内容一起滚动。在任何一点稍微向上滚动时，标题都会滚动回到视图中。

您可以查看demo 以了解此行为的实际效果。

paper-header-panel 只是提供了一个标题和可滚动的内容区域，没有“高级”滚动行为。

【讨论】：

Upon scrolling slightly up at any point, the header scrolls back into view 几乎是我能找到的唯一区别。 paper-header-panel 也这样做，但只有当你回到最顶端时。
是的，这就是主要区别。最初paper-scroll-header-panel 并不存在，很多人都在使用paper-header-panel。引入paper-scroll-header-panel 是为了实现这种在移动设备上很常见的行为。这可能解释了为什么看似相似的行为有两种不同的元素。