快速到顶 html,jQuery如何快速滚动到页面顶部?

本文介绍如何使用jQuery的scrollTo()方法实现页面快速滚动到顶部的功能。通过简单的代码示例展示了如何利用此方法来改善用户体验。

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

在滚动页面中如何使用jQuery快速滚动到页面顶部?下面本篇文章就来给大家介绍一下使用jQuery快速滚动到页面顶部的方法,希望对大家有所帮助。

81d661a7b85ce9a949d69cc3ae3c82a1.png

在jQuery中可以使用scrollTo()方法快速滚动到页面顶部。jQuery的scrollTo()方法用于设置或返回所选元素的垂直滚动条位置。通过在window属性上应用此方法,可以使用此行为滚动到页面顶部;只要将position参数设置为0会将页面滚动到顶部。

语法:$(window).scrollTop(position);

示例:

.scroll {

height: 1000px;

background-color: palegoldenrod;

}

使用jQuery快速滚动到页面顶部

单击下面的按钮,滚动到页面顶部

这里一段测试文本!这里一段测试文本!这里一段测试文本!

单击,滚动到顶部

function scrollToTop() {

$(window).scrollTop(0);

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值