Html 设置纸张标题面板（聚合物）的滚动条属性

各位!！ 我想使用带有模式瀑布和自定义元素“”的纸张标题面板。我的代码看起来是这样的：（它不是精确的副本，只是结构）

在元素的

ready

脚本中，因为我看到该属性在中未标记为只读。但是，它不起作用。你对如何使瀑布效应起作用有什么想法吗

<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>

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