Question

是否可以为页面禁用滚动，并且只对页面内的特定div启用？

Answer 1

禁用它：

<强> CSS

.disableScroll{
      overflow-y:hidden;
      overflow-x:hidden;
}

只需将<body class="disableScroll">添加到禁用

即可

内联样式 <body style="overflow:hidden">

对于div使用，请启用滚动<div style="overflow:auto;">

请记住，您可以使用overflow-y进行垂直滚动，使用overflow-x进行水平滚动属性

Answer 2

只有css解决方案吗？

如果是这样，只需添加overflow：hidden to body和overflow：auto to the scrollable div。

body {
  overflow: hidden;
}

#scroller {
  overflow: auto;
  height: 100px;
}

Answer 3

整页：

body {
  height: 100%;
  width: 100%;
}

例如，

为div：

div.scroll {
    width:180px;
    height:170px;
    overflow:auto;

}

in html：

<div class='scroll'></div>

Answer 4

<强> HTML：

<div class="scrollDisable"></div>

<强> CSS：

.scrollDisable{
  overflow-y:hidden;
  overflow-x:hidden;

}

整页：

 body {
  height: 100%;
  width: 100%;
}

希望这会有所帮助。