Question

我的Polymer-application使用app-layout-structure。根元素可以简化如下：

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

单击meny-option时，将显示该页面。一个页面列出了我想要的一些项目＆lt;铁列表＆gt;。

滚动条位于其父级的父级时，我在滚动时调整大小时遇到问题。

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（铁页，app-header-layout不起作用）并且显示所有其他项目的fire iron-resize时，lastVisibleIndex是最后一个索引。

Answer 1

我认为您需要获得正确的scrollTarget因为您的方法无法正常工作。您需要找到app-header元素并获得自己的scrollTarget：

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

当滚动条位于阴影区域外时，将聚合物铁盒列入零件

1 个答案: