聚合物如何在滚动时更改工具栏文本大小

Question

我在我的网站上使用 Polymer，header 面板弹性模式设置为 "Waterfall Tall"。我想实现类似这样的效果：

也就是说，当用户位于页面顶部时文本较大，滚动时文本变小。我该如何实现？

谢谢！

Answer 1

添加到 :host ::content header h1

:host ::content header h1 {
  -webkit-transform: none !important;
  transform: none !important;
}

或添加到：

h1 {
      -webkit-transform: none !important;
      transform: none !important;
}

Answer 2

好的，我找到了一个相对简单的方法来做到这一点。它涉及在这里使用给定的 https://www.polymer-project.org/docs/elements/core-elements.html#core-scroll-header-panel

Polymer how to change Toolbar text size on scroll