當滾動條位於陰影球外部時，在零件中加載聚合物鐵清單

Question

我的Polymer應用程序使用app-layout-結構。 根元素可以簡化如下：

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

單擊菜單選項時，將顯示該頁面。 一頁在<Iron-list>中列出了我想要的許多項目。

我在滾動時無法調整其大小，因為滾動條位於其父級的父級中。

ready: function(){
  //this is the app-header-layout element from the root
  this.$.ironList.scrollTarget = this.parentNode.parentNode;
},

我一直堅持讓列表顯示點擊量的滾動偏移量，並且從不加載更多內容。 屬性firstVisibleIndex（0）和lastVisibleIndex（8，顯示的項目數，小於滾動偏移量）保持不變。 當我設置iron-list.scrollTarget（熨燙頁，應用程序標題布局不起作用）並且對所有其他項目進行熨燙調整大小時，lastVisibleIndex是最后一個索引。

Answer 1

我認為您需要獲取正確的scrollTarget因為您的方法無法正常工作。 您需要找到app-header元素並獲取自己的scrollTarget ：

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