在网页设计中，经常会遇到一种滚动需求，就是当用户滑动鼠标滚轮的时候，页面内容不跟随下滑。这种情况下，我们可以使用 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像素。通过此方法，实现了鼠标滚动页面不滚动的需求。