首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >有没有办法在没有锚点的情况下添加书签或链接到页面的某个部分?

有没有办法在没有锚点的情况下添加书签或链接到页面的某个部分?
EN

Stack Overflow用户
提问于 2011-11-02 23:51:02
回答 5查看 48.6K关注 0票数 41

有没有办法在HTML代码中没有锚点的情况下将HTML页面加入书签或链接到HTML页面(我不是该页面的作者)?

我希望当从书签或超链接访问时,即使在目标页面中没有锚标签,页面也要向下滚动到特定部分。

注意:目标页面有一个锚标签"foo“,那么像http:/...hello.html#foo这样的书签不仅会把用户带到hello.html,还会自动向下滚动到页面的一部分,这样锚标签"foo”就会出现在屏幕的顶部。

EN

回答 5

Stack Overflow用户

发布于 2011-11-03 00:28:25

您只需要在元素上具有适当的id属性,就可以像使用书签一样使用它……

<a href="#test">Test</a>

...

<p id="test">Hello world</p>

请参阅W3C specification: Anchors with the id attribute

较旧的规范也允许基于name属性进行导航,但该属性已从最新的超文本标记语言规范中删除(但如果有name属性,则可以像使用id属性一样使用它)。

如果没有要导航到的idname属性,则无法导航到页面中的特定点,只能导航到页面本身。在这种情况下,您可能希望引用相关信息并提供带有链接的引用,或者可能需要询问作者是否愿意添加id

票数 20
EN

Stack Overflow用户

发布于 2011-11-03 00:37:13

现代浏览器会尝试滚动到ID与URL的散列部分匹配的元素(例如,如果你有<h1 id="foo">,那么#foo会带你到那里)。

如果其他方法都失败了,您可以使用jQuery。使用window.location.hash从文档URL中获取散列部分。然后,您可以在JavaScript中对其进行解释以确定页面中的元素。

使用scrollTop移动到那里(请参见Scroll to an element with jQuery)。

另请参阅:https://api.jquery.com/scrolltop/

票数 1
EN

Stack Overflow用户

发布于 2014-10-27 23:22:40

Firefox扩展"Web Marker“做的正是你想要的。

https://addons.mozilla.org/en-US/firefox/addon/web-marker/

你可以在这里找到它的源代码和文档:

http://liveurls.mozdev.org/tech.html

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7983290

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档