javascript - 如何停止 body 滚动但保持滚动条？

Question

我正在尝试调整 Bootstrap 旋转木马以在鼠标滚轮上工作。到目前为止，jQuery 看起来像这样:

$('#thumbnailCarousel').bind('mousewheel', function(e){
  $(this).carousel('next');
});
$('#thumbnailCarousel').mouseover(function() {
  $('body').css('overflow-y','hidden');
});
$('#thumbnailCarousel').mouseleave(function() {
  $('body').css('overflow-y','scroll');
});

第一部分使画廊可以使用鼠标滚轮滚动。问题是 body 同时滚动，所以我在鼠标悬停时给它“溢出-y:隐藏”。

这几乎是我现在想要的，除了 overflow:hidden 滚动条明显消失并且布局跳到右边。这真的很难看，那么有什么办法可以在保持滚动条就位的同时防止正文滚动？

Answer 1

尝试:

$('#thumbnailCarousel').bind('mousewheel', function(e){
  $(this).carousel('next');
  e.stopImmediatePropagation();
  e.stopPropagation();
  e.preventDefault();
});