设置paper-header-panel（Polymer）的scroller属性

Question

大家好！ 我想使用带有模式瀑布和自定义元素“iron-swipeable-pages”的纸质标题面板。我的代码看起来像这样:(它不是确切的副本，只是结构）

<paper-drawer-panel id="drawer" force-narrow>
  <div drawer>
    <!-- Drawer panel -->
  </div>
  <div main> 
    <paper-header-panel id="paperHeaderPanel" mode="waterfall">
      <paper-toolbar id="appbar">
        <!-- Toolbar content -->
      </paper-toolbar>
      <iron-swipeable-pages
        padding="16"
        id="ironSwipeablePages"
        edge-swipe-sensitivity="30"
        selected="{{selected}}">
        <div id="overview">
          1
        </div>
        <div id="timetable">
          2
        </div>
        <div id="teachers">
          3
        </div>
        <div id="calendar">
          4
        </div>
      </iron-swipeable-pages>
    </paper-header-panel>
  </div>
</paper-drawer-panel>

<div>内的<iron-swipeable-pages>元素是可滚动的，但当我滚动它们时，纸张标题面板上的瀑布效果不起作用。 我试过这个：

this.$.paperHeaderPanel.scroller = this.$.overview;

在元素的ready脚本中，因为我在element reference中看到该属性未标记为只读。但是，它不起作用。 您对如何使瀑布效果有效有任何想法吗？