时间戳

首页 > 解决方案 > HTML - 锚点指向父 sbiling 元素的 ID

html - HTML - 锚点指向父 sbiling 元素的 ID

问题描述

是否可以将锚点指向指向（该）元素的兄弟元素的元素内？

索引.html

<body class="container">
    <object id="home" class="page_container" type="text/html" data="pages/home.html"></object> <!-- contains the navigation -->
    <object id="about" class="page_container" type="text/html" data="pages/about.html"></object>
</body>

主页.html

<a class="nav-item medium primary-font-color" href="#about">
    About
</a> <!-- expecting to scroll down to about page -->

这是一个 Plunkr： https ://plnkr.co/edit/SWzTeUxHxWIHZw81VLde?p=preview

标签： html

解决方案

看起来您在一个大的父 HTML 文档（您的“工作”滚动器所在的位置）中有子 HTML 文档（home.html, about.html）。

由于子文档的#about锚点将在 范围内寻找一个#about元素home.html，因此它不会滚动到父 HTML 文档的#about元素，也不会找到其“兄弟”HTML 文档的#about.

通常，如果您不导入外部 HTML 文档，则可以从任意放置的锚元素链接到 HTML 页面中具有所需 id 的任何对象。

推荐阅读