用jQury实现在本页面跳转效果,类似锚记

本文介绍了一种使用jQuery实现页面内部跳转的方法。通过给目标位置添加超链接,并利用JavaScript控制页面滚动到指定元素的方式完成跳转。适用于单页应用或多内容页面。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、在我的资源中免费下载插件http://download.youkuaiyun.com/detail/harderxin/4358713

2、给要跳转的位置加上超链接,<a href="javascript:void(0);" id="scorll">点击我</a>

3、在页面中添加如下一段JS代码

<Script type="text/javascript">

jQuery(document).ready(function($) {
/*ScrollTo*/
$('#scroll').click(function(e) {
$.scrollTo(this.hash || 460, 1000);
e.preventDefault();
});

});

</script>

注意:#scroll表示a标签的id;

460:表示跳转后的位置距离顶部的高度;

1000:表示跳转中的速度


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值