如何启用特定div的滚动并禁用页面滚动

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到body和overflow:auto到可滚动的div.

body {
  overflow: hidden;
}

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