Как включить прокрутку для определенного div и отключить прокрутку для страницы

Можно ли отключить прокрутку страницы и разрешить только конкретный div внутри страницы?

чтобы отключить его:

CSS

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

просто добавьте <body class="disableScroll"> к отключению

встроенный стиль <body style="overflow:hidden">

для использования div, оставьте прокрутку включенной <div style="overflow:auto;">

Имейте в виду, что вы можете использовать overflow-y для вертикальной прокрутки и переполнения-x для свойств горизонтальной прокрутки

Это нормально только для css?

Если это так, просто добавьте переполнение: спрятаться в тело и переполнение: автоматически до прокручиваемого div.

body {
  overflow: hidden;
}

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

для всей страницы:

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

для div, например:

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

}

в html:

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

HTML:

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

CSS

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

}

Для всей страницы:

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

Надеюсь, это будет полезно.