在網頁設計中，經常會遇到一種滾動需求，就是當用戶滑動鼠標滾輪的時候，頁面內容不跟隨下滑。這種情況下，我們可以使用 jQuery 來解決這個問題。

$(document).ready(function () {
$(window).bind('mousewheel', function(event) {
if (event.originalEvent.wheelDelta >= 0) {
$('html, body').stop().animate({
scrollTop: '-=100px'
}, 300);
} else {
$('html, body').stop().animate({
scrollTop: '+=100px'
}, 300);
}
return false;
});
});

這段代碼的作用是綁定 mousewheel 事件，當用戶滑動鼠標滾輪時觸發此事件。如果鼠標向上滾動，頁面向上滾動100像素；如果鼠標向下滾動，頁面向下滾動100像素。通過此方法，實現了鼠標滾動頁面不滾動的需求。