bootstrap的modal是如何让页面禁止滑动，而弹出框滑动？

Question

当modal弹出时，滚动鼠标滚轮，滑动的是弹出的modal,而不是整个文档是怎么实现的？
如何禁止文档滚动？

Answer 1

我之前遇到过类似的问题，当时为了防止modal层下body内容的滚动，是把body中的滚动条隐藏(即禁止滚动)处理的。

  //禁止滚动条
  $(document.body).css({
    "overflow-x":"hidden",
    "overflow-y":"hidden"
  });

  //启用滚动条
  $(document.body).css({
  "overflow-x":"auto",
  "overflow-y":"auto"
  });

Answer 2

给body添加上overflow:hidden;padding-right:17px;,当然box-sizing要是border-box的