HTML阅读位置,html页面定位,指定位置(暂时整理点,以后有更好的再换)

本文介绍了页面定位的两种情况,包括从A页面跳转到B页面并滚动到指定位置,以及在同一页面内的定位方法。详细讲解了使用锚点、jQuery的animate方法以及聚焦方式来实现页面滚动定位,并对比了各种方法的效果,推荐使用jQuery的animate,因为它支持动画效果。
摘要由CSDN通过智能技术生成

因为页面有点长,所以页面点位试了一下,可以的。页面定位,两种情况:1、A页面跳到B页面,滚动到页面的任何地方;2、在一个页面内由于页面太长,需要定位。

情况1:

首先在A页面创建一个锚点

点击跳转

然后在B页面定义这个锚点

同时把name和id都写上这样兼容性好。

情况2:

1使用锚点 的方式

2jQuery的aminate的方法

function click_scroll() {

var scroll_offset = $("#pos").offset();  //得到pos这个div层的offset,包含两个值,top和left

$("body,html").animate({

scrollTop:scroll_offset.top  //让body的scrollTop等于pos的top,就实现了滚动

},0);

//0是代表移动的时间,1000代表1秒

}

滚动到这里

3使用聚焦的方式,

快速定位1 //让abc获取焦点

4通过scrollIntoView方法来实现定位:

快速定位1

5通过window.location.hash实现:

快速定位2

个人倾向与Jquery的aminate效果好!毕竟是可设动画的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值