html - 在 polymer 中创建 anchor 元素

Question

是否可以创建一个元素来用作 polymer 中的 anchor 。例如

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

是否可以创建指向 content#id anchor 的超链接，如 http://example.com/#someid

---

或者，我们可以使用 querySelector 查询该元素，如下所示，然后在必要时使用 JavaScript 将其滚动到 View 中。我宁愿不必使用 JS 路由器来进行 anchor 超链接？

scrollIntoViewFunc(document.querySelector("html /deep/ #someid"))

---

这是我想要使用的实际 URL:http://megawac.github.io/status-whiskey/#status-408

Answer 1

Web Component 之神(又名 Blink 工程师)决定 shadow-roots 内的 anchor 不会像在主文档中那样自动滚动到 View 中。出于这个原因，我相信您将不得不像您展示的那样在 JavaScript 中处理这个问题。

经过简单的搜索，我在 spec 中找不到对这个问题的引用。 , 它确实需要在某个地方拼写出来。

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