如何将“scrollTarget”传递给“core-list”/滚动答案

【问题标题】：How to pass "scrollTarget" to "core-list" / scrolling如何将“scrollTarget”传递给“core-list”/滚动
【发布时间】：2014-09-12 13:16:03
【问题描述】：

抱歉我的愚蠢问题。我对“core-list-dart”元素有疑问。 Appart 从它不会在需要时创建“无限”元素的事实来看，它似乎最初填充了“内容”。（我确信今年早些时候它没有这样做；）并且它按预期工作->向下滚动时创建元素）

似乎在聚合物/js 中也被破坏了，或者我对此有什么误解：http://www.polymer-project.org/components/core-list/demo.html

在使用 core-list-dart 进行实验时，我偶然发现了 scrollTarget，它有一个 Element 作为参数：
如何将元素传递给 core-list-dart？是否有任何对其他元素进行数据绑定的示例？

非常感谢现在..希望有人能理解我的问题：D

使用 Dart 1.6 和：

 dependencies:  
   core_elements: ">=0.2.0 <0.3.0"  
   paper_elements: ">=0.1.0 <0.2.0"  
   polymer: ">=0.13.0 <0.14.0"

【问题讨论】：

核心列表的数量是“我的错”。检查我的布局后，我发现一切正常。做到了“合身”，一切都像魅力一样。（在此之前..我使用了诸如 height: 100% 之类的 CSS 内容 ...）

【解决方案1】：

你可以这样做，例如

<core-list scrollTarget="{{$['id_of_other_element']}}">...</core-list>

在这种情况下，该元素必须与 <core-list> 位于相同的影子 DOM（相同的 Polymer 元素）中，并且它必须是静态可用的（不在 <template if=...> 内或由 <template repeat=... 生成，也不是强制添加的。

另一种变体是创建一个字段

<core-list scrollTarget="{{scrollTarget}}">...</core-list>

在你需要的 Polymer 元素的类中

@observable 
Element scrollTarget;

attached() {
  super.attached();
  scrollTarget = shadowRoot.querySelector('...');
}

【讨论】：