JQuery是一种常用的JavaScript库，它可以很方便地操作DOM，并且拥有丰富的插件库，非常适合前端开发。下面我们来介绍如何使用JQuery实现页面向上滚动效果。

$(window).scroll(function () {

// 监听滚动事件，每次页面滚动时执行以下代码

if($(window).scrollTop() >100){

// 如果页面向上滚动了100px以上，就让一个回到顶部的按钮显示出来

$(\"#scrollTopBtn\").fadeIn();

}else{

// 如果页面向上滚动不足100px，就让回到顶部的按钮隐藏起来

$(\"#scrollTopBtn\").fadeOut();

}

});

$(\"#scrollTopBtn\").click(function(){

// 点击回到顶部按钮时，执行以下代码

$(\"html,body\").animate({

scrollTop: 0

},500);

// 动画效果让页面向上滚动到顶部

上面的代码中，我们使用了JQuery的scroll事件来监听页面的滚动，每次页面向上滚动时，会根据滚动距离来判断是否显示回到顶部按钮#scrollTopBtn。点击按钮时，使用animate动画效果将页面向上滚动到顶部。代码非常简洁，却实现了一个很实用的功能。