在我们日常使用浏览器时,经常会遇到需要快速滑动到页面顶部的需求。这时,我们可以使用 jQuery 编写代码实现快速滑动页面到顶部的功能,让用户轻松回到网页的顶端。
// 点击按钮,滚动到页面顶端 $('button').click(function() { $('html, body').animate({scrollTop: 0}, 'slow'); });
上面的代码使用了 jQuery 提供的 animate()
方法实现了滑动到顶部的效果。代码中的 $('html, body')
表示同时选中 html
和 body
元素,因为不同浏览器对滚动的元素不一致,所以需要同时选中这两个元素做兼容。
在 animate()
方法中,我们设置了目标滚动距离为 0,即滑动到页面顶部。而 'slow'
参数表示滑动的速度,可以根据需要改为 'fast'
或者毫秒数来控制速度。
除了点击按钮滑动到页面顶部,我们也可以在其他需要时使用这个代码,比如点击 logo 后快速回到页面顶部等。