jquery+滚动到顶

jQuery是一个非常强大的JavaScript库，被广泛地应用在网页开发中，其中一个非常常见的应用就是滚动到顶。滚动到顶是指当用户滚动页面时，出现一个按钮，点击这个按钮可以将页面滚动到顶部。

使用jQuery来实现滚动到顶非常简单，我们只需要使用一个事件监听器和一个动画函数即可。代码如下：

$(document).ready(function() {
// 滚动事件监听器$(window).scroll(function() {
    // 当页面滚动高度大于100时，按钮出现，否则按钮消失if ($(this).scrollTop() >
100) {
    $('.scroll-top').fadeIn();
}
 else {
    $('.scroll-top').fadeOut();
}
}
    );
// 点击按钮时，页面滚动到顶部$('.scroll-top').click(function() {
$('html, body').animate({
scrollTop : 0}
    ,800);
    return false;
}
    );
}
    );
    

在这段代码中，我们首先添加了一个滚动事件监听器，当页面滚动高度大于100时，按钮出现，否则按钮消失。接着，我们针对按钮添加了一个点击事件，当点击按钮时，我们使用jQuery的animate函数来进行页面滚动，滚动到顶部的过程中持续800毫秒。

总的来说，使用jQuery实现滚动到顶非常简单，只需要两个函数，即事件监听器和动画函数，就可以完成一个优雅的滚动到顶效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！