當網頁內容較長時，我們可以使用滾動條來瀏覽內容。但有時候，我們希望固定一部分內容，使它始終可見，比如導航欄、廣告等。這時候就可以使用 jQuery 來實現 div 隨滾動條滾動。

$(window).scroll(function(){
//獲取窗口滾動距離
var scrollTop = $(this).scrollTop();
//獲取需要固定的 div 的位置
var offsetTop = $("固定的 div 的選擇器").offset().top;
if(scrollTop >offsetTop){
//如果滾動距離超過固定 div 的位置，將其固定在頁面頂部
$("固定的 div 的選擇器").css({
"position": "fixed",
"top": "0px"
});
} else {
//否則恢復 div 的默認位置
$("固定的 div 的選擇器").css({
"position": "static"
});
}
});

以上代碼實現了一個固定的 div 隨滾動條滾動的效果。當用戶向下滾動頁面時，該 div 會固定在頁面頂部，始終保持可見；當用戶向上滾動時，該 div 會恢復默認位置。

需要注意的是，該效果需要 jQuery 支持，因此需要在頁面頭部引入 jQuery 庫：

<script src="https://cdn.bootcss.com/jquery/3.5.1/jquery.min.js"></script>

另外，固定的 div 必須有一個默認的位置，否則無法恢復其位置，可以在 CSS 中定義一個 class 來設置該 div 的樣式：

.fixed-div {
position: relative;
top: 100px; /* 默認位置距離窗口頂部的距離 */
}

通過以上方式，我們可以輕松實現一個固定的 div 隨滾動條滾動的效果，為用戶帶來更優秀的瀏覽體驗。