芜湖网站建设芜湖网站优化、模板建站、微信小程序开发的网站定制服务由芜湖芝麻开门网络科技有限公司为您服务。
建站电话

17354299937

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

标签:芜湖网站建设 2022/5/6 

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();