在網頁設計中，有時候我們希望頁面中的圖片能夠隨著頁面的滾動而滾動，這就需要用到jQuery實現。下面我們就來介紹一下如何使用jQuery設置圖片隨頁面滾動。

首先，我們需要在HTML文件的頭部引入jQuery庫：

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

接著，在CSS中設置圖片的初始位置以及滾動時的位置：

.pic{
position: absolute;
top: 200px; // 設置初始時的縱坐標
}
.pic-fixed{
position: fixed;
top: 100px; // 設置滾動時的縱坐標
}

接下來，在JavaScript中調用jQuery實現圖片隨頁面滾動。我們可以在頁面加載時綁定一個scroll事件，當用戶滾動頁面時調用回調函數來實現：

$(function(){
$(window).scroll(function(){
var scrollTop = $(document).scrollTop();
if(scrollTop >= 200){ // 控制滾動距離
$(".pic").addClass("pic-fixed");
}else{
$(".pic").removeClass("pic-fixed");
}
});
});

這段代碼的作用是獲取當前的滾動距離，如果滾動距離大于等于200px，則給圖片添加一個pic-fixed的類，使其固定在瀏覽器頂部；否則就移除pic-fixed類，讓圖片回到原來的位置。

到這里，我們就完成了使用jQuery實現圖片隨頁面滾動的效果。通過這種方式，我們可以讓頁面更具有動態性，也為用戶帶來更好的視覺效果。