滚动到列表

Question

我有以下代码，在选择列表顶部的项目时有效;但是当向下滚动并选择列表底部的元素时，它会重新选择前一个选定的项目。

<div id="rolesDropDown" class="allRoles">
    <paper-menu id="rolesMenu" selected="{{selectedIndex}}"> 
        <template is="dom-repeat" items="{{roles}}">
            <div class="role">
                <div class="propName"><span>{{item.property.name}}</span></div> 
                <div class="roleTitle" id="lightText"><span>{{item.title}}</span></div> 
            </div>
        </template>
    </paper-menu>
</div>

selectedIndex:{
    type: Number,
    value: 0,
    notify: true,
    observer: "selectRole"
}

selectRole: function() { 
    console.log('inside select role method');
}