对于那些有类似问题的人，我找到了为什么它不起作用。
我页面上的许多元素都是浮动元素。因此，如果锚点目标不在浮动元素内，则浏览器无法找到精确的链接点。换句话说，如果锚标记位于浮动元素之外，并且页面上有许多浮动元素，则内部链接可能无法正常工作。要解决此问题，请将锚定目标放置在浮动元素之一内。
我遇到了和你一样的问题，这为我解决了：
<a href="#ref" onclick="window.location.href = '#ref';">link content here</a>
<slot><slot>index.html<!DOCTYPE html>
<html>
<head>...</head>
<body>
<my-app></my-app>
</body>
</html>
my-app.html<element id="ref"></element>
<slot>index.html<!DOCTYPE html>
<html>
<head>...</head>
<body>
<my-app>
<element id="ref" slot="ref"></element>
</my-app>
</body>
</html>
my-app.html<slot name="ref"></slot>
这不是滚动到网页特定部分的方法。您需要一些 JavaScript 代码。
function scrollWindow() {
window.scrollTo(x,y);
// where
// x = for horizontal co-ordinates, y = for vertical cordinates
// e.g. x=100,y=600 -- try this
}
单击链接时执行此功能
<ul>
<li><a href="#features" onclick="scrollwindow();">Features</a></li>
</ul>
此页面很好地解释了该属性：http://www.w3schools.com/jsref/met_win_scrollto.asp