聚合物：铁下拉变化属性问题

Question

我有一个简单的铁下拉元素：

<iron-dropdown id="droplist" horizontal-offset="26" vertical-align="top">
     <ul class="dropdown-content">
           <li>1</li>
           <li>2</li>
           <li>3</li>
           ...
     </ul>
</iron-dropdown>

我会将属性vertical-align更改为＆＃34; bottom＆＃34;当dropdown元素距离页面底部200px时;所以我这样做：

if(($(window).height() - $(event.target).offset().top) < 200)
    $('#droplist').attr("vertical-align", "bottom");

document.querySelector('#droplist').open();

但它没有正常工作;我看到下拉总是喜欢＆＃34; top＆＃34;属性，因此该函数不会改变vertical-align。 如果在函数中，我用

更改了属性

$('#droplist').attr("horizontal-offset", "60");

它正常工作;怎么可能？