大家！我想使用带有模式瀑布和自定义元素'iron-swipeable-pages'的纸质 Headers 面板 . 我的代码看起来像这样:(它不是完全复制，只是结构）

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

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

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

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

html polymer polymer-1.0