Polymer 在“聚合物”中，如何将纸吐司右上方对齐

如果我没有弄错的话，这一点最近已经改变了。 请看下面的示例：

我想要的行为与从左下角出现的行为相同，而是从右上角出现

---

我该怎么做呢？

纸吐司的创建如下所示：

进入时，蛇形条从屏幕的底部边缘向上移动。当它们出现时，它们不会阻止输入

所以它们并没有真正为我们提供改变动画方向的方法

但是，您可以使用
fitino
属性使烤面包片显示在某个容器中，如果您将该容器设置为在窗口顶部具有固定位置，则可以获得与所需行为类似的行为

下面是一个如何做到这一点的示例：

<div id="container" style='position: fixed; top:60px; right:10px; width: 100%;'></div>
<paper-button raised onclick="toast0.open()">Default toast</paper-button>
<paper-toast class="fit-bottom" id="toast0" text="This toast auto-closes after 3 seconds"></paper-toast>

<script>
  toast0.fitInto = container;
</script>


默认吐司
toast0.fitInto=容器；

这是一个显示如何看

如果你真的需要烤面包片从屏幕的右上角开始，并且动画有意义，那么我建议你制作你自己的元素

编辑：在customelements.io中快速搜索显示有人已经在处理这种元素。有一个叫做，让我们从任何一个角落都可以看到烤面包片。
纸制烤面包片是按照以下步骤创建的，其中指定：

进入时，蛇形条从屏幕的底部边缘向上移动。当它们出现时，它们不会阻止输入

所以它们并没有真正为我们提供改变动画方向的方法

但是，您可以使用
fitino
属性使烤面包片显示在某个容器中，如果您将该容器设置为在窗口顶部具有固定位置，则可以获得与所需行为类似的行为

下面是一个如何做到这一点的示例：

<div id="container" style='position: fixed; top:60px; right:10px; width: 100%;'></div>
<paper-button raised onclick="toast0.open()">Default toast</paper-button>
<paper-toast class="fit-bottom" id="toast0" text="This toast auto-closes after 3 seconds"></paper-toast>

<script>
  toast0.fitInto = container;
</script>


默认吐司
toast0.fitInto=容器；

这是一个显示如何看

如果你真的需要烤面包片从屏幕的右上角开始，并且动画有意义，那么我建议你制作你自己的元素

编辑：在customelements.io中快速搜索显示有人已经在处理这种元素。有一个叫“敬酒”的，除其他外，让我们让祝酒词出现在任何角落。
嗨，艾伦。非常感谢您的回复。高度赞赏：-）你好，艾伦。非常感谢您的回复。高度赞赏：-）请在回答中提供您的代码，这样如果jsbin.com宕机，我们仍然可以继续了解您正在谈论的内容：）请在回答中提供您的代码，这样如果jsbin.com宕机，我们仍然可以继续了解您正在谈论的内容：）