淘先锋技术网

首页 1 2 3 4 5 6 7

在我们日常使用浏览器时,经常会遇到需要快速滑动到页面顶部的需求。这时,我们可以使用 jQuery 编写代码实现快速滑动页面到顶部的功能,让用户轻松回到网页的顶端。


// 点击按钮,滚动到页面顶端
$('button').click(function() {
  $('html, body').animate({scrollTop: 0}, 'slow');
});

jquery点击滚动到顶部

上面的代码使用了 jQuery 提供的 animate() 方法实现了滑动到顶部的效果。代码中的 $('html, body') 表示同时选中 htmlbody 元素,因为不同浏览器对滚动的元素不一致,所以需要同时选中这两个元素做兼容。

animate() 方法中,我们设置了目标滚动距离为 0,即滑动到页面顶部。而 'slow' 参数表示滑动的速度,可以根据需要改为 'fast' 或者毫秒数来控制速度。

除了点击按钮滑动到页面顶部,我们也可以在其他需要时使用这个代码,比如点击 logo 后快速回到页面顶部等。