1.a标签
<html>
<div id="top">这是顶部</div>
<a href="#top">跳转到顶部</a>
</html>
这种方法的缺点是点击锚点之后，浏览器的URL会发生变化，如果刷新或返回该页面可能会出现问题。
2.通过js事件中通过window.location.hash="#top"或者window.location.href="#top"跳转，但地址也会发生变化
3.用animate属性，当点击锚点后，页面滚动到相应的位置
$("html, body").animate({scrollTop: $("#top").offset().top }, {duration: 500,easing: "swing"});});
这样做的好处是：URL地址不会变，同时点击锚点时会自动响应scroll事件，不需要重新绑定。
缺点是：如果页面复杂的话，偏移值可能会发生变化需要算法辅助。
4.document.getElementById("top").scrollIntoView();
这种方法的好处，是URL不会变，同时能够响应相应的scroll事件，
二、HTML的核心标记 （十）、锚点链接 说明：可以在当前页面中进行跳转，或者可以跨页面跳转。 锚点链接需要两部分...
1.a标签 这是顶部 跳转到顶部 这种方法的缺点是点击锚点之后，浏览器的URL会发生变化，如果刷新或返回该页...
a标签默认动作：1.打开页面 2.跳转锚点 html只管内容，css管样式 标签： a：anchor 标记锚点，超...
1. 锚点跳转简介 锚点其实就是可以让页面定位到某个位置上的点。在高度较高的页面中经常见到。锚点跳转有两种形式： ...
在某些场景中，我们通常使用锚点，进行定位，跳转我们需要的页面 方法一a 标签的锚点跳转 如果在同一页面跳转，该方法...
a 标签的用法 属性 href 跳转外部页面 跳转内部锚点 跳转到邮箱或者打电话 target 指定页面在哪里打开...
css, html, dom 创建测试页面 锚点方式 使用页面的锚点链接进行滚动： 直接滚动 使用 window ...
在页面加一个锚点标签比如 跳转至锚点 offset().top与js的offsetTop区别 offset().t...
由于在写demo的时候，需要完成点击导航栏页面跳转的功能，因此对此做了一些调查。 锚点 锚点是点击跳转的最基础实现...
点击后，页面跳转到本页面顶部，#默认的锚点为#TOP； 点击后，页面停留在当前位置，跳转到新链接； 也可以写成 ,...
本文标题：html页面锚点跳转
本文链接：https://www.haomeiwen.com/subject/zrxrvxtx.html
网友评论