Question

当我在固定的div上滚动时，如何防止滚动身体。我试过溢出：隐藏的身体，它完美地工作，除了当滚动条被移除时页面摇晃。有没有办法保持滚动条并阻止滚动？

Answer 1

js fiddle表示一个带有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>

如何在固定div上滚动时禁用正文滚动而不隐藏正文的滚动条？

2 个答案: