Html 在聚合物中创建锚元素

是否有可能创建一个元素，将作为锚在聚合物中使用。比如说

<template repeat="{{ content in contentitems }}">
    <div id="{{ content.id }}">{{content.stuff}}</div>
</template>

---

这里有一个我想要使用的实际URL:

网络组件神（又名Blink工程师）已经决定，阴影根中的锚不会像主文档中的锚一样自动滚动到视图中。出于这个原因，我相信你必须做一些你展示过的事情来用JavaScript处理这个问题

在简短的搜索之后，我在中找不到关于这个问题的参考，它确实需要在某个地方详细说明

---

如果您提出了通用解决方案，请将其元素化并与社区共享=P

假设您有一个

简单元素

，其中一些子元素以

id

s作为锚点：

<simple-element>
    <div id="anchor1"></div>
    <div id="anchor2"></div>
</simple-element>

<simple-element>
    <div id="anchor1"></div>
    <div id="anchor2"></div>
</simple-element>

window.addEventListener('hashchange', function() {
    let targetElement = document.querySelector('simple-element').$[location.hash.substr(1)];
    if(targetElement) {
        targetElement.scrollIntoView();
    }
}, false);