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 组件之神(又名 Blink 工程师)已经决定，影子根内部的 anchor 不会像在主文档中那样自动滚动到 View 中。出于这个原因，我相信你必须像你展示的那样在 JavaScript 中处理这个问题。

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

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