如何使用jQuery实现跳转至其他页面指定区域的自动滚动

当然可以实现这个需求！这是HTML锚点链接的经典应用场景，只需要简单修改首页的链接地址就能轻松搞定。

具体操作步骤 #

1. 修改首页的链接代码 #

把首页里的<a href="profile.html">Go</a>改成下面这样：

<a href="profile.html#faq">Go</a>

这里的#faq是核心关键——它会告诉浏览器，在加载profile.html页面后，自动滚动到页面中**id为"faq"**的元素位置。

2. 确认profile页面的目标元素 #

你已经在profile页面里定义了<section id="faq" style="height:500px">，这个元素的id完全符合锚点定位的要求，不需要额外修改。

原理说明 #

当用户点击修改后的链接时，浏览器会先请求并加载profile.html页面，加载完成后，会自动查找页面中id与链接里#后面内容完全匹配的元素，然后将页面滚动到该元素的可视区域内。

小提示 #

• 要确保目标元素的id属性值和链接里#后面的内容完全一致，而且是区分大小写的哦
• 目标元素的id尽量不要包含空格、特殊字符（下划线、短横线除外），否则可能会导致定位失效

内容的提问来源于stack exchange，提问作者dedi wibisono