在网页设计中，一些动态效果能够很好地增添用户体验。其中之一就是当页面滚动时，能够提供一个快速返回页面顶部的按钮。本文将介绍如何使用jquery实现这一功能。

$(document).ready(function(){
  //当页面滚动时，判断是否要显示返回顶部按钮
  $(window).scroll(function(){
    if ($(this).scrollTop() > 100) { //当页面滚动距离大于100px时
      $('#return-to-top').fadeIn(); //显示返回顶部按钮
    } else {
      $('#return-to-top').fadeOut(); //隐藏返回顶部按钮
    }
  });
  //点击按钮时，返回顶部
  $('#return-to-top').click(function(){
    $('html, body').animate({scrollTop : 0},800);
    return false;
  });
});

在上述代码中，我们首先使用了$(document).ready()方法，确保页面完全加载后再执行我们的代码。然后，我们使用了$(window).scroll()方法，实现了当页面滚动时，根据滚动距离的大小来显示或隐藏返回顶部按钮。

最后，我们使用了$(“#return-to-top”).click()方法，当点击该按钮时，通过使用animate()方法，实现了平滑滚动到页面顶部的效果。

通过上述代码实现返回顶部按钮功能，能够帮助用户快速回到页面开始处，极大提升页面的用户体验。您可以将该代码应用于您的网站或博客中，为访问者提供更好的浏览体验。