在web開發中，有時候我們需要實現一個特效，就是網頁的頂部在下滑的時候保持固定不動，這種效果被稱為“頂部下滑不動”效果，而jQuery正好提供了這樣的方法。

$(window).scroll(function(){
var scrollTop = $(window).scrollTop();
if(scrollTop >= 100){
$('#header').css({'position':'fixed', 'top':'0', 'width':'100%'});
}else{
$('#header').css({'position':'static', 'top':'auto', 'width':'auto'});
}
});

上面的代碼中，首先在頁面上引入jQuery庫，然后在window的scroll事件中獲取到滾動條的高度，如果高度大于等于100px，則給header元素添加固定定位，同時設置它的寬度為100%。如果高度小于100px，則將header元素的定位設為默認值（即static），同時將它的位置設置為auto。

使用jQuery來實現網頁頂部的下滑不動效果非常簡單，只需要在頁面中引入jQuery庫，然后添加一些簡單的代碼就可以實現了。這種效果可以用于各種類型的網站，為用戶帶來更好的瀏覽體驗。