html 跳转页面,同时跳转到一个指定的位置

跳转网页指定位置并实现滚动效果
本文介绍如何在HTML页面中通过锚点链接实现从一个页面跳转到另一个页面指定位置,并利用jQuery实现平滑滚动效果。通过在目标页面添加锚点标签和在源页面使用jQuery方法$(html,body).animate()来完成滚动操作。

比如我现在 a.html 的时候,我想跳转到 b.html ,并且是 b.html 的某一个位置,用 <a href=>,

 

a.html里:

<a href="b.html#abc">xxx</a>

b.html里加一个锚记:

<a name="abc"></a>

JQuery方法

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

 

转载于:https://www.cnblogs.com/chen-lhx/p/5159697.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值