如何定位核心覆盖项？

Question

核心覆盖的文档还有些不理想.理想情况下，我想使用一个核心覆盖，它将自己定位在屏幕上，而不是水平和垂直，而是更像一个下拉菜单。

我不使用核心下拉菜单，因为对菜单本身的点击事件处理的其他限制(它需要保持打开并有一个可调整大小的菜单div)。

Answer 1

可以通过在运行时调整其CSS来定位覆盖层。

overlay.style.position = 'absolute';
overlay.style.top = (input.offsetTop + input.clientHeight) + 'px';
overlay.style.width = input.offsetWidth + 'px';
overlay.open();

变量overlay指向一个覆盖元素。变量input将指向下面应该显示覆盖的元素。

这一方法在聚合物0.5中对我很有效，但也适用于聚合物1.x。请注意，在聚合物1.x中本身没有覆盖成分。相反，应该使用行为Polymer.IronOverlayBehavior创建一个单独的元素。