如何在固定的div上滚动而不隐藏body的滚动条时，如何禁用body滚动

Question

当我在固定的div上滚动时，我如何防止身体滚动。我尝试了溢出：隐藏的身体，除了删除滚动条时，页面在摇晃外，它的工作正常。有没有办法保持滚动条并防止滚动？

Answer 1

js小提琴，适用于具有2个p元素和一个div的简单主体。如您所见，如果您在DIV内滚动，则身体不会滚动。无需将溢出设置为隐藏。只需确保DIV本身具有溢出的滚动设置即可。CSS在下面的DIV上。身体上没有CSS或JavaScript

.theDiv{
    max-height: 300px;
    overflow-y: scroll;
}

Answer 2

我用此代码解决了它：

<script>
    $(document).ready(function(){
    $(document).on('mousewheel',".dropdown-menu-rightt", function(e){
        e.stopPropagation();
       $(this).scrollTop($(this).scrollTop()-e.originalEvent.wheelDeltaY);
      //prevent page fom scrollin
      return false;
   });
   });
   </script>