html页面定位到指定位置的4种实现方式

1、通过地址定位：

先页面定位位置：<a name="name" />

然后通过js地址跳转：location.href = "#name";   或 直接点击的html <a href="#name">

 

2、基于H5标准语法跳转

先页面定位位置：<a id="name" />

document.querySelector("#name").scrollIntoView();

 

3、基于jquery动画的跳转（可做滚动阅读）

先页面定位位置：<a id="name" />

 $("html,body").animate({scrollTop: $("#name").offset().top}, 500);

 

4、基于jquery结合H5标准跳转

先页面定位位置：<a id="name" />

$("#name")[0].scrollIntoView();