Polymer 1.0 纸张菜单按钮水平对齐和水平偏移不起作用答案

【问题标题】：Polymer 1.0 paper-menu-button horizontalAlign and horizontalOffset not workingPolymer 1.0 纸张菜单按钮水平对齐和水平偏移不起作用
【发布时间】：2015-08-28 00:57:12
【问题描述】：

我有以下代码：

<paper-toolbar id="mainToolbar">
    <paper-icon-button id="paperToggle" icon="menu" paper-drawer-toggle></paper-icon-button>
    <div class="app-name">Dashbord</div>
    <span class="flex"></span>
    <paper-menu-button horizontalAlign="right" horizontalOffset="20" verticalAlign="top" verticalOffset="50">
        <paper-icon-button icon="more-vert" class="dropdown-trigger"></paper-icon-button>
        <paper-menu class="dropdown-content">
            <paper-item>Share</paper-item>
            <paper-item>Settings</paper-item>
            <paper-item>Help</paper-item>
        </paper-menu>
   </paper-menu-button>
</paper-toolbar>

菜单按钮按预期工作，但下拉horizontalAlign 和horizontalOffset 属性不生效。

让下拉菜单工作的唯一方法是硬编码元素定义中的值：

<iron-dropdown
  id="dropdown"
  opened="{{opened}}"
  horizontal-align="right"
  vertical-align="top"
  horizontal-offset="50"
  vertical-offset="20"
  open-animation-config="[[openAnimationConfig]]"
  close-animation-config="[[closeAnimationConfig]]"
  no-animations="[[noAnimations]]"
  focus-target="[[_dropdownContent]]">
  <paper-material class="dropdown-content">
    <content id="content" select=".dropdown-content"></content>
  </paper-material>
</iron-dropdown>

【问题讨论】：

标签： polymer polymer-1.0 paper-elements

【解决方案1】：

注意到您的定义horizontalOffset="20" 和工作定义horizontal-offset="50" 之间的区别了吗？

尝试将您的代码更改为

<paper-menu-button
    horizontal-align="right"
    horizontal-offset="20"
    vertical-align="top"
    vertical-offset="50">

See property name to attribute name mapping.

带有破折号的属性名被转换为驼峰式属性名通过将每个破折号后面的字符大写，然后删除破折号。例如，属性 first-name 映射到 firstName。

【讨论】：