Javascript 当滚动条位于阴影dom之外时，在部件中加载列表

我的聚合物应用程序使用应用程序布局结构。根元素可以简化如下：

<app-drawer-layout fullbleed>
  <app-drawer swipe-open>
    <iron-selector selected="{{page}}" attr-for-selected="name" role="navigation">
      <!-- list of Side Menu options -->
    </iron-selector>
  </app-drawer>
  <app-header-layout has-scrolling-region>
    <app-header fixed effects="waterfall">
      <!-- Top Menu -->
    </app-header>
    <iron-pages role="main" selected="[[page]]" attr-for-selected="name">
      <!-- Here is custom elements that can be selected via Menu -->
    </iron-pages>
  </app-header-layout>
</app-drawer-layout>

我一直坚持让列表显示滚动偏移量的点击数，而且从不加载更多。属性firstVisibleIndex（0）和lastVisibleIndex（8，显示的项数，小于滚动偏移量）保持不变。

---

当我设置iron-list.scrollTarget（iron页面、应用标题布局不起作用）和fire iron resize所有其他项目时，lastVisibleIndex是最后一个索引。

我认为您需要获得正确的

scrollTarget

，因为您的方法不正确。您需要找到

appheader

元素，并获得它自己的

scrollTarget

：

ready: function(){
   //get parent node and query app-header
   this.$.ironList.scrollTarget = this.domHost.$$('app-header').scrollTarget;
}

---

如果您可以设置一个plunkr或jsbin，那么这将很容易得到帮助

ready: function(){
   //get parent node and query app-header
   this.$.ironList.scrollTarget = this.domHost.$$('app-header').scrollTarget;
}