在網頁開發中，返回頂部的滾動效果是非常常見的一個需求。在這里，我們將用jQuery實現一個簡單的返回頂部滑動效果。

$(function(){
//監聽頁面滾動
$(window).scroll(function(){
//獲取可視窗口的高度
var windowHeight = $(window).height();
//判斷當前滾動條的位置是否超過一屏
if($(window).scrollTop() >= windowHeight){
//顯示返回頂部按鈕
$(".back-top").fadeIn();
}else{
//隱藏返回頂部按鈕
$(".back-top").fadeOut();
}
});
//返回頂部
$(".back-top").click(function(){
//以滑動動畫的方式返回頂部
$("html,body").animate({scrollTop:0},500);
});
})

在代碼中，我們先是監聽了滾動事件，在滾動到一屏以上時，顯示返回頂部按鈕，否則隱藏該按鈕。當點擊返回頂部按鈕時，我們使用了jQuery的animate()函數，以滑動動畫的方式返回到頁面頂部。

在HTML中，我們需要添加一個返回頂部按鈕：

<div class="back-top"></div>

在CSS中，我們可以對返回頂部按鈕進行樣式設置，例如：

.back-top{
position:fixed;
right:20px;
bottom:20px;
width:60px;
height:60px;
background-color:#333;
border-radius:50%;
text-align:center;
line-height:60px;
color:#fff;
cursor:pointer;
display:none;
}

通過以上代碼，我們就可以實現一個簡單的返回頂部滑動效果了。