怎么在html页面内部跳转？

说白了，页内跳转是通过锚标签和名称属性来完成的。
这很简单。
属性名称用于命名锚点并创建锚点名称。
我们去年做了一个项目，大约3 000磅，使用这项技术来优化用户体验。

首先，最重要的是，锚点的税收值的名称可以是任何文本，并且你可以自由命名它的名称，就像CSS类型命名一样。
例如，我们定义了锚点：Helpful Tips。
还有一点是，命名锚点并没有以特殊的方式显示，与未命名锚点的显示方式相同。

一开始我以为这些命名锚点有特殊的标识符，但后来发现我错了，它们只是普通的链接。
等等，还有一个可怕的消息。
如果你想将“提示”部分直接链接到URL，只需在URL后面添加锚点名称和，例如：跳转到有用的提示部分。
很多人不注意这一点。
事实上，页内跳转不仅提高了用户体验，也让页面的结构更加清晰。
我认为这是值得的，特别是对于内容很多的页面。

HTML跳转到页面指定位置的几种方法

嘿嘿，这个我很熟悉。
前年，我帮邻居刘旺建立网上商店页面时，就遇到了这个问题。
用户阅读完产品详细信息，然后点击返回菜单后，总是出现该页面，这很烦人。

纯HTML方法，我通常使用第一种使用标识符的方法。
这很简单。
无论您想要定位到何处，只需向该区域添加标识符即可，例如
产品详细信息
。
导航栏或菜单中的链接将写为“查看详细信息”。
这是最可靠的并且会被任何浏览器识别。

第二种使用名词，我很少使用。
我刚学网页的时候，做过一个老版本的论坛，里面使用了很多名字属性锚点。
但后来我发现现在几乎没人用了。
不像身份证那么方便，取个名字也比较容易。
如果ID和姓名相同，则ID优先。
这是一个老规矩的JS方法，我经常使用window.scrollTo。
去年，我正在为客户开发一个活动页面，如果我希望用户从注册表单中转到感谢页面，我就必须使用此页面。
输入 window.scrollTo(0, document.getElementById('thank-you').offsetTop) 并立即移动到此位置。
您还可以添加behavior="smooth"来实现平滑滚动和更好的用户体验。

Element.scrollIntoView，我很少遇到这种情况。
去年我尝试过一次，一个文章详情页，但是发现老版本的Chrome响应有点慢。
后来查了一下，发现兼容性其实不好。
现在使用 window.scrollTo 通常是安全的。

简而言之，简单的场景仅使用HTML和ID就可以解决。
对于平滑的效果或复杂的控制，JS方法是最好的。
但在使用JS之前，先检查一下你的浏览器是否支持，以免浪费时间。
上次我用JS实现了平滑滚动。
用户评论说：“嘿，这个页面旋转非常顺畅，不会晃动！”他们非常高兴。